Image File Size Guide for Websites — How Small Is Small Enough?

By Gaurav Bhowmick

There is no single answer, but there are clear targets. Here are the recommended file sizes for every type of website image in 2026.

Target sizes by image type

Hero images (full-width): 80-200 KB. These are the largest images on your page and the biggest drag on LCP. Keep them under 200 KB in WebP or AVIF.

Product photos: 40-100 KB each. Ecommerce pages often have 4-8 product images. At 100 KB each, that is 400-800 KB — still reasonable. Above that, your page slows down noticeably on mobile.

Blog post images: 30-80 KB. These are inline content images. WebP at 80% quality and 800px wide hits this range easily.

Thumbnails and avatars: 5-20 KB. Small images should be small files. A 150x150 avatar at 15 KB is perfectly sharp.

Icons and logos: 1-10 KB. Use SVG when possible (infinitely scalable, typically 1-5 KB). Otherwise PNG or WebP at small dimensions.

Total page budget

Google recommends a total page weight of 1-2 MB. Images typically account for 50-70% of that. So your total image budget is roughly 500 KB to 1.4 MB for the entire page.

Run your page through MiniPx — compress all images to WebP at 80% quality and you will likely cut total image weight by 40-60%.

Frequently asked questions

How big should hero images be in KB?

Aim for 80-200 KB in WebP format. A full-width hero image at 1920px wide and 80% WebP quality typically lands around 100-150 KB.

Does image size affect SEO?

Yes. Largest Contentful Paint (LCP) is a Core Web Vital that Google uses for rankings. Large images directly slow down LCP. Compressing images is one of the fastest ways to improve your score.

Should I use WebP or JPEG for my website?

WebP is 25-30% smaller than JPEG at the same quality and has universal browser support in 2026. Use WebP as your default with JPEG as a fallback for older systems.

🔧

Try MiniPx — free, no signup

Compress, convert, and resize images in your browser. Nothing gets uploaded.

Open MiniPx →