Images

How to reduce image size for your website

Large images slow pages down and hurt both rankings and conversions. Here is a repeatable workflow for smaller files that still look sharp.

All articles

Start with the right dimensions

The most common mistake is uploading a 3000-pixel-wide photo into a slot that displays at 800 pixels. The browser downloads all of that wasted data and then scales it down.

Resize the image to the largest size it will actually be displayed at, including a little extra for high-density screens, before worrying about file format at all.

Pick the format that matches the content

Photographs compress best as JPEG or lossy WEBP. Screenshots, logos, icons and anything with text or flat colour belong in PNG or lossless WEBP, where sharp edges stay clean.

If the same image must work in old software as well as modern browsers, JPEG remains the safest universal choice.

Convert once and check the result

Re-saving a compressed image repeatedly adds artefacts without making it much smaller. Convert once from the original master to the format you need, then stop.

Open the result at full size and look at text, edges and smooth gradients before you publish it.

Measure the improvement

Compare the before and after file sizes, then check your page in a performance tool. A page that loads noticeably faster usually converts better as well.

Because the converters here run locally in the browser, you can test as many variants as you like without uploading anything.

Start with the conversion that matches your image type:browse all image converters

Open the converter