PlayTools

Image Compressor

Compress JPEG, PNG or WebP in your browser. Cap the long edge, set quality, compare file sizes and download. Nothing is uploaded.

Runs in your browser — nothing you enter is uploaded

Drop an image here, or click to browse

JPEG, PNG, WebP, GIF or SVG. Stays in your browser.

Compression runs in your browser with the Canvas API. Nothing is uploaded. Animated GIFs become a single frame. SVG is rasterised at its intrinsic size.

Advertisement

Why compress images before you upload them

Photographs from phones are often several megabytes. That is more than a web page, an email, or a CMS upload limit needs. Compression reduces those bytes by discarding detail the eye is unlikely to notice — typically by encoding as JPEG or WebP at a chosen quality, and by shrinking the longest side so a 4000-pixel photo is not served at 4000 pixels on a 1200-pixel article.

JPEG and WebP are lossy: each pass throws some information away. PNG is lossless and keeps sharp edges and transparency, but it rarely beats JPEG on photos. WebP usually wins on size at a given visual quality in current browsers. This tool never upscales; the max-edge setting only shrinks images that are larger than the cap.

Animated GIFs become a single frame because the Canvas API draws one bitmap. SVG is rasterised. If you need the original vector, keep the SVG. All of this runs in your browser — the file is not uploaded.

A practical workflow: cap the long edge at 1920 for web articles, 1200 for social posts, and use JPEG quality around 70–80 or WebP around 75. Compare the before/after sizes on this page before you download.

Do not compress a file that is already a tiny PNG icon, and do not re-compress a JPEG many times — each pass adds artefacts. Start from the original when you can.

These free tools pair well with this page — open them in a new tab to finish your workflow.

Advertisement

Frequently Asked Questions

Is the image uploaded to a server?

No. The file is read with the browser File API, drawn on a canvas, and encoded locally. You can disconnect from the network after the page has loaded and the tool still works.

What does the quality slider do?

For JPEG and WebP it is the encoder quality (roughly 10–100%). Lower values make a smaller file with more artefacts. PNG is lossless, so the slider is ignored — PNG size is driven by pixel count and how compressible the picture is.

Will it make my image larger?

The max-edge setting never upscales. If the photo is already smaller than the cap, only the format and quality change. A high-quality JPEG of a small PNG icon can sometimes grow; in that case keep PNG or lower the quality.

What happens to animated GIFs and SVG?

The canvas sees a single bitmap, so animations become one frame and SVG is rasterised at its intrinsic size. Keep the original if you need motion or vectors.

Which format should I pick?

JPEG for photographs, PNG for screenshots and graphics with sharp edges or transparency, WebP when you want a smaller file and your destination supports it (all current browsers do).

Is EXIF (location, camera) kept?

No. Re-encoding through canvas strips metadata. That is usually what you want before posting a photo publicly.

How small can I go before it looks bad?

For web photos, JPEG quality around 70–80 or WebP around 75 with a 1920px long edge is a common sweet spot. Use the on-page preview rather than a fixed number — faces and text fall apart first.