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.
html
<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" />
<meta name="twitter: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" />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 × 675 or 1200 × 630 | 16:9 or 1.91:1 | Set twitter:card to summary_large_image |
| 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.
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.