Image & Canvas
Image Compressor
Pick an image and dial in the quality to see how much file size you can save.
// NO IMAGE YET
What this is
An image compressor reduces file size in two ways that work together: lowering the encoding quality, and reducing the number of pixels. Both matter, and the second is the one usually missed — a 4000-pixel image displayed 800 pixels wide on a page carries five times more data than it needs, and lowering quality alone does nothing about that waste. This tool shows the before and after sizes live, so you can stop just before the damage becomes visible.
How it works
JPEG quality does not scale linearly. Dropping from 100 to 85 typically cuts file size by more than half with a difference that is barely visible; dropping from 60 to 45 cuts far less while doing visible damage. For most photographs the useful range is 75 to 85.
Format matters too. WebP typically produces files 25 to 35 percent smaller than JPEG at comparable quality, and every modern browser supports it. JPEG stays useful when the file has to open on older devices or go to a service that refuses WebP.
This compression is lossy: the discarded data does not come back. Keep your original and compress from it each time — recompressing an already-compressed file stacks up damage while saving little.
How to use it
- Choose an image The file is read on your device and uploaded nowhere.
- Set quality and maximum width Bring the width down to how large it will actually display — that is where the biggest saving is.
- Compare, then download Before and after sizes sit side by side. Download while the result still looks right.
Common questions
- What quality setting should I use?
- For most photographs, quality 80 strikes the best balance — size drops sharply while the difference is hard to see at normal viewing size. Go down to 70 for images shown small, and up to 90 for images viewed large or containing fine text.
- Why does reducing width help more than lowering quality?
- Because data grows with area, not width — halving the width discards three quarters of the pixels. An image far larger than the space it displays in carries data nobody ever sees.
- Is my image uploaded to a server?
- No — all compression runs in your browser using canvas, and the file is never transmitted anywhere. It also means large images process as fast as your device, not as fast as your connection.
Notes
- Images are processed in the browser and never uploaded.
- Compression is lossy — keep your original file.