Best Image Sizes for Websites 2026 – Complete Reference Guide

Choosing the right image size for each element on your website affects both visual quality and page load speed. Here is a complete reference for website image sizes in 2026.

Hero / banner images

• Full-width desktop hero: 1920 × 1080 px (16:9) or 1920 × 600 px. File size target: under 200 KB as WebP.
• Content-width hero: 1200 × 628 px. Under 150 KB as WebP.
• Mobile-first hero: 750 × 422 px minimum, ideally serve at 2× for retina (1500 × 844 px). Under 100 KB.

Blog post / article images

• Featured image: 1200 × 628 px (1.91:1 for Open Graph compatibility). Under 100 KB as WebP.
• In-article images: Match the content column width, typically 800–1000 px wide. Under 80 KB.
• Post thumbnail (list view): 400 × 267 px. Under 25 KB.

Product images (ecommerce)

• Main product image: 1000–2000 × 1000–2000 px (square, 1:1). 200–500 KB as JPG.
• Product thumbnail: 300 × 300 px. Under 20 KB.
• Zoom image: 2000–4000 × 2000–4000 px. Keep under 1 MB.

Profile / avatar images

• Standard avatar: 150 × 150 px to 300 × 300 px. Under 20 KB.
• Author image: 96 × 96 px minimum (many themes). Under 10 KB.

Logo images

• Header logo: Width as needed, max 300 px. SVG (vector) is best — infinitely scalable, tiny file size. PNG fallback.
• Favicon: 32 × 32 px (and 192 × 192 for PWA). PNG or ICO.
• Open Graph logo: 1200 × 630 px (to match social preview dimensions). JPG or PNG.

Background images

• Section background: 1920 × 1080 px minimum. Compress aggressively — backgrounds are often filtered or overlaid, so quality matters less. Under 150 KB as WebP.
• Texture/pattern (tiling): As small as possible while maintaining quality at tile size. Often under 20 KB.

General file size targets for web performance

• Total image weight per page: aim for under 1 MB for good performance
• Largest Contentful Paint (LCP) image: under 100 KB for good Core Web Vitals
• Any single image: under 500 KB for non-hero elements

How to resize website images with Resizo

Open Resizo in your browser — no account needed. Drop your image, enter the target dimensions from this reference, select WebP for the smallest files, and download. Process takes under 30 seconds per image.