The Open Graph Image Guide (1200×630)

When someone pastes your link into Slack, LinkedIn, Facebook or X, the preview card image comes from the og:image meta tag. Get it right and your links look intentional; get it wrong and they look broken.

The size

Use 1200×630 pixels (a 1.91:1 ratio). It is the size every major platform crops toward, and it scales down cleanly for smaller cards. Keep important text and faces away from the very edges, which can be trimmed on some layouts.

What to put on it

• A short headline — two lines maximum at readable size
• Your site name or logo
• Enough contrast that text is legible over any background image

Making one

The Open Graph Image Generator outputs exactly 1200×630, wraps your headline, and can dim a background photo so the text stays readable. Save it, host it, then add:

<meta property="og:image" content="https://example.com/card.png">

Add the matching twitter:image tag too, and an og:image:width / og:image:height pair so crawlers do not have to guess.