ImageToolkit
← Guides
Ideal image size for websites in 2026
Complete guide on ideal image sizes, formats and dimensions for websites, balancing speed and quality.
Why does image size matter for websites?
Images represent on average 60-70% of a web page's total weight. A site with poorly optimized images loads slowly, which increases bounce rates, hurts SEO and worsens user experience — especially on mobile with slow connections.
Recommended sizes by image type
| Image type | Max width | File size | Format |
|---|---|---|---|
| Hero / Main banner | 1920px | Up to 400KB | WebP or JPG |
| Content image | 800px | Up to 150KB | WebP or JPG |
| Thumbnail / Card | 400px | Up to 60KB | WebP or JPG |
| Logo | 200px | Up to 20KB | SVG or PNG |
| Product photo | 800px | Up to 200KB | WebP or JPG |
Golden rules for website images
- Never load images larger than necessary
- Use WebP as the default format for all content images
- Always define width and height in HTML to prevent CLS
- Use lazy loading for off-screen images