Image Compressor
Shrink images without visible quality loss
Why compress images?
Images are typically 60–70% of a web page's weight. A 3MB photo straight off a phone can come down to 200KB with no visible difference — the page loads several times faster, Google rates it better (Core Web Vitals), and mobile visitors stop bouncing. To decide what width to serve, check what screen resolution your visitors actually use.
Which format should I choose?
- JPG — for photographs. The most common format, supported everywhere.
- WebP — 25–35% smaller than JPG at the same quality. Supported by every modern browser.
- PNG — for logos, screenshots and transparency. Lossless compression, so the savings are smaller.
Which quality level should I choose?
75–85% is the sweet spot: all but invisible to the eye, and a 50–80% cut in file size. Below 60% you start to see "blocky artefacts" in the image.
Frequently asked questions
Are my images uploaded to a server?
No. Compression happens entirely in your browser through the Canvas API. You can disconnect from the internet once the page has loaded and the tool keeps working. That is also why there is no size or quantity limit — we are not paying for the bandwidth.
Why did my PNG barely shrink?
PNG is a lossless format, so there is a physical limit to how far it can be compressed. If the image is a photograph, convert it to JPG or WebP and you will get a file 70–90% smaller. PNG is only worth keeping when you need transparency, or for logos and screenshots with flat areas of colour.
What quality level should I pick?
75–85% is almost always the sweet spot: the difference is invisible to the eye and the file drops by 50–80%. Below 60% you start to see blocky artefacts in skies, skin tones and soft gradients. If the image is destined for print rather than the web, do not compress it at all.
What is WebP, and is it safe to use?
WebP is a Google format that produces files 25–35% smaller than JPG at the same perceived quality. Every modern browser supports it, including Safari since 2020. Unless you need to support decade-old browsers, it is the best choice for a website.
What width should I save website images at?
On most sites anything wider than 1920 pixels is wasted — it will never be displayed at full size. For a hero image 1600–1920 is plenty, for an in-article image 800–1200, and for a thumbnail 400. This tool resizes and compresses in a single pass.
Why does this matter for site speed?
Images are typically 60–70% of a page's weight. They directly drive your LCP score, one of the three Core Web Vitals Google measures and uses in ranking. Taking a 3MB photo down to 200KB is usually the biggest and cheapest speed win available to a site.