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.

Open the free app

How it works

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

Common questions

Next.js App Router?: Yes — see the Next.js example in the repo.

For developers

Embed compression in your upload flow:

npm install compresso.js

Related