The OG image: one 1200x630 card for every link
An Open Graph image should be 1200x630 pixels, a 1.91:1 aspect ratio, delivered as PNG or JPG. That single og:image covers Facebook, LinkedIn, Slack, Discord, WhatsApp and iMessage previews, and X reads it too, cropping to 2:1 for its large card.
Checked August 2026 against Meta's sharing documentation, LinkedIn Help and current X card specifications.
The numbers, per platform
| Platform | Size | Ratio | Limits and notes |
|---|---|---|---|
| Open Graph standard (Meta) | 1200x630 recommended | 1.91:1 | Min 200x200, max 8MB |
| 1200x627 recommended | 1.91:1 | Reads og:image; max 5MB | |
| X large card | 1200x600 shown | 2:1 crop | twitter:card summary_large_image; min 300x157, max 4096x4096, under 5MB |
| Slack, Discord, WhatsApp, iMessage | Use your og:image as-is | 1.91:1 | No separate upload; they scrape the same tags |
The practical consequence of that table: design one 1200x630 file, and keep everything load-bearing inside the central 1200x600. The 1.91:1 platforms show the full frame, X's 2:1 crop shaves about 15 pixels off the top and bottom, and nothing important is lost either way. There is no need to export per platform.
What a good logo-led card looks like
A link preview renders around 500 pixels wide in a feed, so an OG card is a billboard, not a poster: one mark, one line, high contrast. The frame below is a live render at the correct ratio, with the lockup produced by this site's own preview engine, the same one that composes kits:
Three rules do most of the work. Keep text at 60 pixels or larger in the 1200x630 file, because the feed shows it at 40 percent scale. Put the logo on a solid or gently graded background, never on a busy screenshot. And test the card on dark mode clients: a white-background card glows in a dark timeline, which is fine if it is deliberate.
The four tags to ship
The image is half the job; the markup is the other half. These four lines in the head of the page are the complete, current setup:
<meta property="og:image" content="https://example.com/og.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" />
The og:image URL must be absolute and publicly loadable, the width and height tags let platforms render the card before downloading the image, and twitter:card unlocks X's full-width layout. After any change, re-scrape with Meta's Sharing Debugger or LinkedIn's Post Inspector rather than waiting out their cache.
Where the logo files come from
A card needs a transparent lockup that survives being placed on a brand-color background, which is precisely what a kit export is for. Every LogoRay kit ships the lockup as transparent SVG and 2048px PNG in light and dark versions, plus the brand's exact hex values on the included brand sheet, the two ingredients of the card above. Drop the dark-version lockup on a brand-color 1200x630 canvas in any editor and the OG image is done in a minute. The avatar and profile-picture sizes that sit next to the card in a feed have their own table in the social media logo size guide.
Common questions
What size should an OG image be?
1200x630 pixels, a 1.91:1 aspect ratio. Meta's documentation asks for at least 1200x630 with a hard minimum of 200x200 and an 8MB cap, LinkedIn recommends 1200x627 at the same ratio, and X's large card crops to 2:1. One 1200x630 file with the content kept away from the top and bottom edges serves all of them.
Does one OG image really cover every platform?
Yes, that is the point of the standard. Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage, Telegram and most chat apps all read the same og:image tag. X reads its own twitter:image tag but falls back to og:image when it is absent; the only adjustment it makes is a 2:1 crop, which trims a sliver from the top and bottom of a 1.91:1 file.
Why is my link preview not showing the new image?
Platforms cache their scrape of your page, sometimes for days, so a replaced image keeps showing the old card. Re-scrape on demand with Meta's Sharing Debugger or LinkedIn's Post Inspector, and check that the page serves an absolute og:image URL that loads without a login.
Should the OG image be PNG or JPG?
Either renders everywhere; the platforms recompress whatever you send. PNG keeps flat logo art and text perfectly crisp, JPG is smaller for photographic backgrounds. For a logo-led card on a flat background, a PNG under 1MB is the safe default and stays far inside every platform's size cap.
What is twitter:card and do I still need it?
A meta tag telling X which preview layout to use. Set it to summary_large_image for the full-width card; without it X may fall back to a small square thumbnail. It costs one line next to your OG tags, and X takes the image itself from twitter:image or og:image.
Compose a logo from hand-curated marks and own the transparent light and dark lockups plus the palette that makes a card. Free to design, $39 once for the files.