How to compress images for the web

Large images are the top cause of slow pages. Here's how to cut file size dramatically while keeping images looking sharp.

Open Image Compressor

Choose the right format first

  • Photos → JPG or WebP (lossy) for the smallest files.
  • Graphics, logos, screenshots → PNG or WebP (lossless).
  • Cutting edge → AVIF for the smallest photos, with a WebP fallback.

Steps

  • Open the image compressor and drop your image.
  • Pick a format and drag the quality slider — 70–80% is the sweet spot for photos.
  • Compare the live before/after preview to confirm it still looks good.
  • Download, or use the batch compressor for a whole folder at once.

Size and dimensions matter too

Don't ship a 4000px photo into a 800px slot — resize to the largest size it's actually displayed at, then compress. Combining resize and compression is where the biggest savings come from.

Tools used in this guide

Related guides

How to compress images for the web — FAQ

For photos, JPG or WebP at 70–80% quality usually cuts file size by 50–80% with little visible difference. Use the live preview to fine-tune.