Featured image of an article

hard convention

Blog featured image

1200

1200×630 Horizontal format 1.91:1

This is the header image of a blog post. Use 1200×630, weighing under 150 KB, so it looks right and loads fast.

This size is a hard convention: change it and something gets cropped or looks off.

Drop an image here

or pick a file to compare it with this size

Compress for this size

See this photo everywhere

For whoever builds the site

1200×630 (1.91:1 ratio): works as the post header AND the Open Graph image with a single asset. Google Discover requires at least 1200 px width. This one is a hard convention.

Ratio: 1.91:1
Desktop: 1200×630
Range: 1200×628–630
Target weight: <150 KB
Format: WebP

<picture>
  <source type="image/webp"
    srcset="/images/featured-600.webp 600w,
            /images/featured-1200.webp 1200w"
    sizes="(max-width: 768px) 100vw, 600px">
  <img
    src="/images/featured-600.jpg"
    srcset="/images/featured-600.jpg 600w,
            /images/featured-1200.jpg 1200w"
    sizes="(max-width: 768px) 100vw, 600px"
    width="1200" height="628"
    loading="lazy" decoding="async"
    alt="">
</picture>

Guides: Crazy Egg (opens in a new tab) WPDeveloper (opens in a new tab)