Compress images for the web. Keep them sharp.

Why compress images for your website?

Photos are usually the heaviest thing on a web page. A 5 MB photo straight from a phone can take seconds to load on mobile data. Slow pages lose visitors and do worse in Google, which measures how fast the largest image appears (Largest Contentful Paint).

How to compress images

1. Drop your images in the box, or click to choose them. JPG, PNG, WebP and AVIF all work, as many as you like.
2. Pick the format: WebP for your website, JPEG when the file has to work in older software.
3. Set the quality. It starts at 75; 70–80 suits most photos.
4. Set the maximum width. It starts at 1920 pixels; wider images are scaled down, smaller ones keep their size.
5. See each file’s size before and after, and the total saving. Click Download to save the smaller file.

What size should images be on a website?

On most websites, a full-width photo needs no more than 1600–2000 pixels of width and 150–400 KB. A phone camera shoots 4000 pixels or more, so almost every photo straight from a phone is too big.

Images that fill half the page or less can be narrower still. Scaling to the width the image is actually shown at is the easiest saving there is.

WebP or JPEG?

WebP files are typically 25–34% smaller than JPEG at the same visual quality. WebP supports transparency and works in every current browser, so pick it for your website. Choose JPEG when the file has to work in older software, such as some email programs. JPEG has no transparency, so the tool puts transparent areas on white.

Quality 70–80 is the sweet spot for photos: identical to the eye on screen, a fraction of the size. Only go lower for background images.

Resize first. Then compress.

Scaling a 4000-pixel photo down to 1920 pixels removes over three quarters of the pixels before compression even starts: the biggest saving of all. Compression then trims what’s left.

Common mistakes when compressing images

• Uploading photos straight from the phone. Scale them down first: 4000 pixels is far more than any screen shows.
• Compressing the same JPEG again and again. Each round loses a little quality. Start from the original every time.
• Turning logos and screenshots into JPEG. Sharp edges and flat colours often do best as PNG or SVG. If the tool says a file is already well compressed, keep the original.
• Quality set too low. Photos turn blocky and smudged. Stay at 70–80 for photos, and go lower only for background images.

Private by design

The tool uses your browser’s own image decoder and canvas to re-encode the files. No server is involved: your images stay on your device, and the tool keeps working even if you go offline once the page has loaded.