Open Graph image size
Use 1200 × 630 pixels (1.91:1 aspect ratio), as a PNG or JPEG under 5 MB, with key text inside the center 1000 × 520 area.
Brand kit: colors, font, logo, background
Meta tags for your page
<meta property="og:image" content="https://render.cuelark.com/v1/og?eyebrow=Guide&title=1200+%C3%97+630+is+the+safe+Open+Graph+size&description=Keep+text+inside+the+center+safe+zone&site=render.cuelark.com&align=center&theme=blue" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="1200 × 630 is the safe Open Graph size — Keep text inside the center safe zone" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://render.cuelark.com/v1/og?eyebrow=Guide&title=1200+%C3%97+630+is+the+safe+Open+Graph+size&description=Keep+text+inside+the+center+safe+zone&site=render.cuelark.com&align=center&theme=blue" />Recommended sizes by platform
| Where | Size | Ratio | Notes |
|---|---|---|---|
| Facebook, LinkedIn, Slack, Discord, iMessage | 1200 × 630 | 1.91:1 | Use this if you only make one image |
| X (summary_large_image) | 1200 × 600 (or 1200 × 630) | 2:1 (1.91:1 is cropped slightly) | Set twitter:card to summary_large_image |
| LinkedIn posts | 1200 × 627 | 1.91:1 | Same as Open Graph in practice |
| YouTube thumbnail | 1280 × 720 | 16:9 | Upload in YouTube Studio; not a meta tag |
| Square previews (WhatsApp, some chat apps) | Center crop of the same image | 1:1 | Keep the main text centered |
| Minimum | 600 × 315 | 1.91:1 | Smaller images may show as a small thumbnail |
The safe zone
Some apps crop the edges or round the corners, and chat apps may crop to a square. Keep the title and logo within roughly the central 1000 × 520 pixels, and don't put text in the bottom-right corner, where some apps overlay the domain.
How to test a preview
- Open the page's HTML source and check that og:image is an absolute https URL that returns 200.
- Use the platforms' own tools: LinkedIn Post Inspector and the Facebook Sharing Debugger refresh their caches.
- Check the file size. Keep it under 5 MB, and smaller loads faster in chat apps.
Do it from code or an AI assistant
The same renderer is an HTTP API and an MCP tool, so this exact result can come from a script or from Claude, ChatGPT or Cursor. See the Render API reference and the MCP setup guide.
HTTP API
<!-- The URL is the image: use it as og:image -->
<meta property="og:image" content="https://render.cuelark.com/v1/og?title=1200+%C3%97+630+is+the+safe+Open+Graph+size&description=Keep+text+inside+the+center+safe+zone&eyebrow=Guide&site=render.cuelark.com&theme=blue&align=center">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">MCP tool call: social_card
{
"method": "tools/call",
"params": {
"name": "social_card",
"arguments": {
"title": "1200 × 630 is the safe Open Graph size",
"description": "Keep text inside the center safe zone",
"eyebrow": "Guide",
"site": "render.cuelark.com",
"theme": "blue",
"align": "center"
}
}
}Frequently asked questions
PNG or JPEG for Open Graph?
PNG for text and flat colors, JPEG for photos. Both work everywhere.
Does every page need its own OG image?
No, but a per-page image with the page's title gets noticeably more attention than a generic logo. An image URL template makes that automatic.
Why does my old image still show?
Platforms cache previews. Refresh them with the platform's debugger, or change the image URL, for example by adding ?v=2.
Updated November 10, 2026 by the Cuelark Team.