Compression comparison
Image Compression Comparison Lab
Stop guessing which format and quality to use. Upload your own image and this lab encodes it to JPEG and WebP at several quality levels, then shows you the real byte size and compression ratio for every result. All processing happens locally in your browser.
Last updated:
Drop your image here
Use a photo, screenshot, or graphic you care about.
Click to choose or drag & drop an image
JPG, PNG, WebP — it never leaves your device
Compare results
Real file sizes from your own image.
| Format | Quality | File size | vs PNG | Download |
|---|
How to read this comparison
Every row is a real encoding of the exact image you uploaded, produced by your browser's Canvas API. The first row (PNG, lossless) is the reference. Each lossy result shows its actual byte size and how much smaller it is than the reference. Pick the row that looks visually clean to you at the smallest size — that is the right setting for this particular image, not a generic rule.
Quick guidance by image type
Photos and gradients compress well with lossy formats. WebP at 0.75 is often the best balance for modern websites. Screenshots, logos, and text graphics should usually stay PNG — lossy compression creates halos around text and sharp edges. If a row's size is close to PNG but the content is a screenshot, PNG is still the safer choice for legibility.
Is this data reliable?
Yes, because it is not a number we typed in — it is measured on your machine against your file. Results vary by image content, which is exactly why comparing your own image beats relying on generic benchmarks. You can open a result in a new tab and zoom in to check for blocking or blurring at each quality.
Related tools
Once you know your target format and quality, use JPEG compression,PNG to WebP conversion, or WebP to JPEG to process your files the same way in bulk.