About this tool
Large images slow down websites and eat into storage and email attachment limits. This compressor uses the browser's built-in Canvas API to re-encode your image at a lower quality or in a more efficient format like WebP, shrinking the file size while keeping the image visually close to the original — entirely on your device.
How to use it
- 1Click the upload area or drag an image file onto it.
- 2Adjust the quality slider to trade off file size against visual fidelity.
- 3Optionally switch the output format to WebP for better compression, or PNG if you need lossless output.
- 4Compare the original and compressed file sizes, then download the result.
Common mistakes to avoid
- Compressing an already heavily-compressed JPEG repeatedly, which compounds visible artifacts.
- Using PNG for photographs — PNG is lossless and works best for graphics with flat colors, not photos.
- Setting quality too low for images that will be viewed at full size or printed.
Use cases
- Shrinking photos before uploading them to a website to improve page load speed.
- Getting an image under a file size limit for an email attachment or form upload.
- Converting a PNG screenshot to a smaller WebP or JPEG for sharing.
Frequently asked questions
Is my image uploaded anywhere?
No. Compression happens entirely in your browser using the Canvas API. The image is never sent to a server.
Which format gives the smallest file size?
WebP generally produces the smallest files at a given quality level for photographic images, followed by JPEG. PNG is lossless and typically produces the largest files for photos, but is best for images with sharp edges or transparency.
Why is the quality slider disabled for PNG?
PNG is a lossless format, so there's no quality trade-off to adjust — file size is determined by the image content itself, not a compression level.