The Best Image Sizes and Dimensions for High-Performance Websites
Serving oversized images is the single most common cause of poor Largest Contentful Paint (LCP) scores. Uploading a raw 4000px camera capture into a 600px container wastes visitor bandwidth and delays rendering.
Universal Standard Dimensions
Full-Width Hero Banners
1920 × 1080 px (16:9)
Covers desktop viewports with 1080p density. For high-DPI retina displays, serve a max width of 2400px with 75% quality compression.
Blog Post Featured Images
1200 × 630 px (1.91:1)
Matches the Open Graph standard required for seamless social media cards on Twitter, LinkedIn, and Facebook feeds.
E-Commerce Product Photos
1000 × 1000 px or 800 × 1000 px
Square or 4:5 vertical cards give customers maximum screen real estate on mobile phones without requiring horizontal scroll.
Avatars & Testimonial Badges
200 × 200 px (1:1)
Render at 100×100 CSS pixels on retina screens. Keep file sizes strictly under 15 KB using WebP.