React image compression before upload

Call compress() inside your onChange handler — no React-specific wrapper required. An example App.jsx ships in the Compresso repository.

Como funciona

1. npm install compresso.js
2. On file input change, await compress(file, options)
3. Set state with result.url or upload result.file

Perguntas comuns

Next.js App Router?

Yes — see the Next.js example in the repo.

npm install compresso.js

Relacionado

• nextjs image compression
• compress image before upload
• javascript image compressor