What size should images be for a website?

Updated October 18, 2026

Large images are the most common reason websites load slowly, and slow pages lose visitors and can rank lower in search. The fix is usually quick: resize, compress and use a modern format.

Practical targets

Image	Width	File size to aim for
Full-width hero or banner	1920–2400 px	Under 300 KB
Image inside an article	1200–1600 px	Under 200 KB
Product photo	1000–2000 px (square is common)	Under 200 KB
Thumbnail or card image	400–800 px	Under 60 KB
Logo or icon	The size it's shown at, ×2	A few KB (SVG if possible)

Why "×2"? Phones and many laptops have high-density screens that show twice as many pixels, so an image displayed 600 pixels wide looks sharpest when it's about 1200 pixels wide.

Step 1: Resize to the largest size you actually display

A photo straight from a phone is often 4000 pixels or more across. If your page never shows it wider than 1200 pixels, the extra pixels are just weight. Use Resize Image with Fit inside and your maximum width.

Step 2: Choose the format

WebP for most website images. It's usually 25–35% smaller than JPG at the same quality, and every current browser supports it. Convert with JPG to WebP.
PNG or SVG for logos, icons and graphics with text and sharp edges.
JPG if your website platform doesn't accept WebP.

Not sure? Our image format comparison explains the trade-offs.

Step 3: Compress to a target size

Use Compress to 200 KB for article and product images, or set your own target in Compress Image. It finds the highest quality under your limit. If you choose WebP as the output format, you'll usually get even better quality at the same size.

Other quick wins

Lazy loading: most website builders now load images further down the page only when they're about to be seen. Check that it's switched on.
Don't scale down in the browser: uploading a 4000-pixel image and displaying it at 400 pixels still makes visitors download the full file.
Remove metadata: photos can carry camera data and even GPS locations. Stripping it saves a few KB and protects your privacy.

Tools used in this guide

Resize ImageResize JPG, PNG and WebP images to exact pixel dimensions, or choose a preset for social media. Compress to 200KBReduce JPG, PNG or WebP images to under 200KB at high quality. JPG to WebPConvert JPG photos to WebP and cut file size by around 25–35% at similar quality. Image ConverterConvert images between JPG, PNG and WebP.