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.

Cómo 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

Preguntas comunes

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