An Open Graph (OG) image is the picture that appears when a link is shared on social
platforms and chat apps. It comes from the og:image meta tag in a page's
HTML, and it is often the first — sometimes the only — thing people see before deciding
whether to click. A page without one gets a bare, low-contrast link card; a page with a
clear title, readable text, and a deliberate background gets noticeably more attention.
The de facto standard size is 1200 × 630 pixels (a 1.91:1 ratio). Images at this size
render correctly as large cards on Twitter/X (summary_large_image), LinkedIn,
Facebook, Slack, Discord, and most other places links unfurl. Type a title, pick a
background preset or your own color, optionally drop in a logo, and download the PNG —
at 1200 × 630 or at 2x for extra sharpness. Everything is drawn on a canvas in your
browser; nothing is uploaded anywhere.
Once the image is hosted, use the "Copy meta tags" button for the
og:image and twitter:card snippet, or build the full set of
social tags with the meta tag generator. To see
how the finished card will look in a feed before you ship it, paste your tags into the
OG card preview. And while you're polishing how your
site shows up elsewhere, the favicon generator
covers the browser-tab side of the story.
Frequently asked questions
What size should an OG image be?
The de facto standard is 1200 × 630 pixels, a 1.91:1 ratio — it renders correctly as a large card everywhere links unfurl. This tool exports at exactly that size, with an optional 2x download (2400 × 1260) that is pixel-identical but sharper on high-density screens.
Should an OG image be PNG or JPEG?
This tool exports PNG, which is the right call for the kind of card it produces: flat color backgrounds, gradients, and text stay perfectly crisp in PNG and compress well without photographic content. Platforms accept both formats — JPEG only becomes worth it when the card is dominated by a photo.
How is this different from the OG card preview tool?
This tool designs the image itself — you compose the title, background, and logo on a canvas and download the PNG. The OG card preview at /tools/og-card-preview works on the other end: it checks a page’s meta tags and shows how the finished card will render in feeds. Design here, host the file, add the tags, then verify there.
Do I need a different image for each platform?
No — one 1200 × 630 image works across Facebook, X/Twitter (as a summary_large_image card), LinkedIn, Slack, Discord, and most chat apps. The "Copy meta tags" button gives you the og:image and twitter:card snippet that covers them all; just swap the placeholder URL for wherever you host the PNG.