mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 17:16:00 +00:00
7223af2c9d
* Add Compressor plugin * Set type in blob if it’s missing * clear thumbnail-generator queue when cancel-all is called * Add e2e test for @uppy/compressor * Docs, types, readme, bundle, add event * Update yarn.lock * fix test * Update e2e/cypress/integration/dashboard-compressor.spec.ts Co-authored-by: Antoine du Hamel <duhamelantoine1995@gmail.com> * Update dashboard-compressor.spec.ts * convert compressor to ESM * Update e2e/clients/dashboard-compressor/index.html Co-authored-by: Antoine du Hamel <duhamelantoine1995@gmail.com> * remove console.log * uglierBytes Co-authored-by: Antoine du Hamel <duhamelantoine1995@gmail.com>
1.7 KiB
1.7 KiB
@uppy/compressor
The Compressor plugin for Uppy optimizes images (JPEG, PNG, WEBP), saving on average up to 60% in size (roughly 18 MB for 10 images). It uses Compressor.js.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
import Uppy from '@uppy/core'
import Compressor from '@uppy/compressor'
const uppy = new Uppy()
uppy.use(Compressor)
Installation
npm install @uppy/compressor
We recommend installing from yarn or npm, and then using a module bundler such as Parcel, Vite or Webpack.
Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case Uppy will attach itself to the global window.Uppy object. See the main Uppy documentation for instructions.
Documentation
Documentation for this plugin can be found on the Uppy website.