Compress Image for Web
Shrink image file sizes without losing visible quality — free, private, and instant.
Crop & aspect ratio
Resize & compress
Output size
—
Original
—
Optimized
—
Saved
—
Recommendation
Load an image to see a tailored weight target.
100% private — your image is processed locally and never uploaded to any server.
Why image weight still matters in 2025
Images are the single biggest contributor to page weight on most websites. A hero photo that weighs 1.5 MB can add two seconds to your Largest Contentful Paint (LCP), dragging Core Web Vitals scores into the red and costing you both rankings and conversions. The Image Optimizer on this page compresses images directly in your browser using the Canvas API — nothing is ever uploaded to a server, so your original files stay private.
The most impactful change you can make is switching from JPEG or PNG to WebP. At the same visual quality, WebP files are typically 25–35% smaller than JPEG and up to 80% smaller than PNG. Every modern browser has supported WebP since 2020, so there is no compatibility trade-off anymore. For content where transparency is needed, WebP also handles alpha channels, making it a complete replacement for PNG in most web contexts.
A practical weight budget to aim for: hero images under 200 KB, in-content images under 150 KB, product cards under 80 KB, and thumbnails under 40 KB. Quality 75 in WebP hits that sweet spot for most photos — the compressed preview lets you confirm the result looks sharp before you download.
Step by step
- Click Choose file or drag your image onto the upload area. JPG, PNG, WebP, and GIF are accepted.
- The tool defaults to WebP format at quality 75 — the best starting point for web images.
- Watch the live compressed size shown below the preview. If it is still too large, drag the quality slider left.
- Compare the original and compressed previews side by side to confirm sharpness is acceptable.
- Click Download to save the optimised file. The filename includes the format so you can keep originals alongside compressed copies.
Tips
- Quality 70–80 in WebP is indistinguishable from the original for most photographs viewed on screen. Only push below 70 for thumbnails where detail is less critical.
- PNG screenshots and graphics with flat colours often compress better as PNG than WebP — try both and compare the size readout.
- Compress images at their display size, not larger. If your layout shows a photo at 800 px wide, resize it to 800 px first, then compress. Serving a 2000 px image scaled down in CSS wastes bandwidth.
- GIF files are flattened to a single frame on compress — if you need animation, keep the original GIF and serve it as-is.
- Batch your compression in one browser session: open multiple tabs of this tool and process several images in parallel without any upload limits.