Image Compressor

How it works

1. Select an image from your device using the file picker.
2. Choose the output format (JPEG or WebP) and adjust the quality level with the slider.
3. The image is drawn onto a hidden <canvas> and re-encoded with canvas.toBlob() at the chosen format and quality.
4. The original size, compressed size, and reduction percentage are shown, along with a preview of the result.
5. Download the compressed image with a single click.

Use cases

• Reduce photo file sizes before uploading them to a website or posting on social media.
• Optimize images to improve a website's load times.
• Compress screenshots or large images before sending them by email or chat.
• Visually compare the results of different quality levels before exporting.

Frequently asked questions