Compress images

How to use it#

1. Drop your images onto the box above, or click it to pick them.
2. Pick an output format, or leave it matching whatever you dropped in.
3. Move the quality slider until the sizes in the rows look right.
4. Download the files you want, or take the whole batch.

The size you see is the size you get#

Every number in a row comes from a file your browser has already written. There is no prediction from the dimensions and no rule of thumb, because how well an image compresses depends on what is in it. A photograph of a blank wall and a photograph of a forest at the same resolution can differ by a factor of five.

That matters because the decision you are making is almost always about a limit: an upload form that stops at 2 MB, a mail server that bounces at 10, a page you want to load quickly. Moving the slider changes the numbers in front of you, so you can stop at the first setting that clears the limit instead of guessing and re-checking.

Which format to compress into#

Leaving the format matching the input is the safe choice: a JPG stays a JPG and a PNG stays a PNG, so nothing downstream has to change. It is also the weakest option, because the format an image arrived in is often not the best one for it.

WebP is usually the biggest single win. It handles photographs and flat graphics well, keeps transparency, and every current browser displays it. JPG is the right answer when the file is going somewhere old or fussy. PNG is only worth choosing when you need the image to be pixel-exact, and it ignores the quality slider entirely.

Where the quality goes#

Lossy compression works by discarding detail the eye is bad at noticing: fine gradients, subtle colour shifts, the exact edges of things. At high settings that is genuinely invisible. As you push down, smooth areas like skies and skin start to band, and hard edges pick up a faint halo.

Screenshots and images with small text fall apart much sooner than photographs, because text is nothing but hard edges. If a row looks wrong at 60%, it is usually worth trying WebP at 80% rather than JPG at 80%.

Compressing something twice#

A JPG downloaded from a website has already been compressed, often more than once. Running it through again removes a little more detail and cannot bring back what the earlier pass took, so the result is always slightly worse than compressing the original would have been.

If you still have the file the camera or the design tool produced, start from that. If you do not, a single careful pass here is still far better than repeatedly saving at a low setting.