Performance6 min read·Updated

What Is a Good Image File Size for a Website?

A good content photo is usually **50–150 KB**. A hero can be **100–250 KB**. A thumbnail **10–40 KB**. If you are over 400 KB for an inline image, convert to WebP and cap width — you are paying for pixels nobody needs.

Targets, not laws

A detailed 1920 px aerial photo can honestly be 300 KB as WebP. A blurry 2 MB PNG of a button cannot. Use the ranges, then look at the picture.

Why it matters

  • Teams ask 'is this too big?' and get opinions.
  • Numbers make reviews faster.
  • WebP is how you hit the numbers without looking cheap.

How to do it

  1. Convert a sample batch at 80% / 1600 px.
  2. If a file is still >300 KB and it is not a huge hero, lower width first, then quality.
  3. If UI looks mushy, raise quality, not width.
TypeHealthy WebP size
Thumbnail10–40 KB
Inline photo50–150 KB
Hero / banner100–250 KB
Screenshot with text80–220 KB
Something is wrong>400 KB inline
Convert a batch in your browser. Nothing is uploaded.
Open the converter

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

For a full-screen art piece maybe. For a blog inline photo, no.

Each candidate should sit in range for its width.

Keep reading

Performance6 min read

Why images are huge

The usual reasons images are huge — phone photos, PNG screenshots, 2× exports — and the WebP batch that fixes them.

Read more
Performance6 min read

Recommended image sizes

Practical max widths for heroes, content, thumbnails and retina — then convert those files to WebP.

Read more
Tutorial6 min read

Best WebP quality setting

What quality should you use when converting to WebP? We tested photos, screenshots and graphics at every level. Get concrete recommendations per image type.

Read more