Shrink JPG, PNG, and WebP file sizes with a quality slider and live before/after comparison.
Your image is decoded and redrawn onto an HTML5 canvas, then re-encoded at your chosen quality level using your browser's built-in image codec — the same one used to display images natively. For JPG and WebP, the quality slider directly controls the compression level: lower quality means smaller files but more visible artifacts.
PNG is a lossless format, so the quality slider has little to no effect on PNG file size — for meaningfully smaller PNGs, consider resizing dimensions first, or converting to JPEG/WebP if transparency isn't needed.
Your image is decoded and redrawn onto an HTML5 canvas, then re-encoded at your chosen quality level using your browser's built-in image encoder — the same technology used to display images natively, so the output works everywhere.
No. All compression happens directly in your browser using the Canvas API. Your images are never uploaded to a server or stored anywhere.
PNG is a lossless format, so the browser's canvas encoder ignores the quality parameter for PNG output. To meaningfully shrink a PNG, try resizing its dimensions first, or convert it to JPEG or WebP if transparency isn't required.
For photos, 70-85% quality typically gives a large file size reduction with little to no visible difference. For images with sharp text or fine detail, staying closer to 85-95% preserves more clarity.
No. Compression only reduces file size by re-encoding the pixel data more efficiently — the width and height stay exactly the same. Use a dedicated image resizer if you also want to change the dimensions.