OG & social cards · 1200 × 630

Open Graph card templates — 1200 × 630

The image that appears whenever a link to your site is pasted anywhere — Slack, WhatsApp, iMessage, LinkedIn, Facebook, X. It is the most widely rendered image most sites own, and the one most often left unset.

Open in editor

6 editable templates at this size · free · no licensed imagery

Open Graph specification

Pixel dimensions1200 × 630
Aspect ratio1.91:1
Best formatsPNG or JPEG
AvoidWebP and transparency — some scrapers reject both
URLMust be absolute, not root-relative
Practical size ceilingUnder 5 MB
Palettes included

Where this size is used

  • The `og:image` on any page — the preview card for every share of that URL
  • X posts using `summary_large_image`
  • LinkedIn and Facebook link previews
  • Chat app unfurls in Slack, Discord, WhatsApp and iMessage

6 editable Open Graph templates

Designing for 1200 × 630

Every client crops it differently

1.91:1 is the ratio the Open Graph specification implies and the one most platforms render whole. Several do not. Some chat clients centre-crop toward a square for a compact preview; some feeds letterbox it; some show only the left portion in a list view.

Design as though the outer edges may vanish. Anything essential — the headline, a logo, a face — belongs inside the central square region, roughly the middle 630 × 630. The wings are for background.

It is rendered small, by a scraper you do not control

In a Slack channel or a feed, this card is drawn around 500 pixels wide. Body-sized type at 1200 is illegible there. Treat it like a poster: one line of large text, high contrast, nothing that needs reading twice.

Use PNG or JPEG. WebP is smaller and better, and it is also the format that some link scrapers still refuse to decode — and when a scraper fails there is no fallback, just a card with no image. Avoid transparency for the same reason: the card composites onto a background whose colour you cannot know, and a transparent PNG can arrive as black text on black.

Absolute URLs and cache-busting

`og:image` must be an absolute URL. A root-relative path works in your own browser and resolves to nothing on someone else's server, which is the most common reason a card renders blank in testing.

Platforms cache aggressively. Once Facebook or LinkedIn has scraped a URL, updating the image often will not change the preview until the cache expires or you re-scrape it in their debugging tool. Get it right before the link circulates.

Browse every template in OG & social cards, or the full template library.