Common image sizes
- Website hero banner: 1920 × 1080 px
- Blog featured image: 1200 × 675 px
- Open Graph / social share image: 1200 × 630 px
- Instagram post: 1080 × 1080 px
- Instagram story / reel cover: 1080 × 1920 px
- YouTube thumbnail: 1280 × 720 px
Image formats compared
| Format | Best for | Transparency | Typical size |
|---|---|---|---|
| WebP | Websites, blogs, e-commerce | Yes | Smallest (25–80% smaller) |
| JPG | Photos, email, printing | No | Small |
| PNG | Logos, screenshots, graphics | Yes | Large (lossless) |
| AVIF | Next-gen web images | Yes | Very small, slower to encode |
Image SEO checklist
- Use descriptive file names —
website-design-bhubaneswar.webpinstead ofIMG_2041.webp. - Write alt text that describes the image for visually impaired users and search engines.
- Serve the right size — never upload a 4000px photo to display at 800px.
- Set width and height attributes to prevent layout shift (CLS).
- Lazy-load images below the fold with
loading="lazy". - Use WebP for faster Largest Contentful Paint (LCP), a Core Web Vitals ranking factor.