Skip to content
GigAI Tools
4 tools

Compress an Image for a Website

Images are the biggest thing slowing most pages. Resize, compress and WebP them so your site loads fast and ranks better.

The quick answer

To speed up a website, optimize each image: resize it to the exact size it displays at, compress it toward roughly 100KB, and serve WebP for the smallest file at good quality. Images are usually a page's heaviest asset, so this directly improves load time and Core Web Vitals. Our tools do each step in your browser.

a website image requirements
Target sizeUnder ~100–200 KB per image
DimensionsMatch the display size (don't ship 4000px)
Best formatWebP (or AVIF) for photos and graphics
BonusLazy-load below-the-fold images

How to do it

  1. 1

    Resize to display size

    Set the pixels to what the browser actually renders: a hero at 1600px wide, thumbnails much smaller.

  2. 2

    Compress toward ~100KB

    Use Image Compressor to trim weight. Most photos reach ~100KB with no visible loss.

  3. 3

    Convert to WebP

    WebP is 25–35% smaller than JPG/PNG at the same quality, the single biggest easy win for speed.

  4. 4

    Ship and measure

    Upload the optimized images and check your page speed and Core Web Vitals improve.

a website tips
  • Images are typically the heaviest part of a page, optimizing them beats almost any other speed tweak.
  • Never ship a 4000px photo into a 600px slot. The browser downloads the whole thing then shrinks it.
  • Serve WebP (with a JPG fallback if you support very old browsers) and lazy-load anything below the fold.

Frequently asked questions

Start with Image Compressor

Free, private and instant: everything runs in your browser.