Optimal dimensions for hero images, thumbnails, and blog posts
Using the right image dimensions improves page speed and ensures your site looks sharp. Uploading a 4000×3000 photo for an 800px-wide content area wastes space. This guide covers recommended sizes for common web use cases.
Typical widths: 1920px for full-width, 1200px for contained layouts. 1920×1080 or 1920×640 are safe choices. Compress to 80–85% quality.
Use 1200–1600px for content images. Featured images: 1200×630 for Open Graph and Twitter Card compatibility.
Product grids: 400×400 or 600×600. Use square (1:1) for consistency.