Open Graph Image Size: Why 1200×630 Is the One That Matters
Quick answer: The Open Graph (OG) image size is 1200 × 630 pixels, a 1.91:1 ratio. This single image controls how every link to your landing page appears on X, Facebook, LinkedIn, Slack, Discord, iMessage, and most other platforms.
What an Open Graph image actually is
When you paste a URL into a post, the platform scrapes the page and reads its Open Graph meta tags:
og:title— the card's headline.og:description— the short summary.og:image— the 1200 × 630 image.
You don't upload the image to each platform. You host it on the page, and every share renders the card from those tags. One image, reused everywhere.
The specs
| Spec | Value |
|---|---|
| Recommended size | 1200 × 630 px |
| Ratio | 1.91:1 |
| Minimum size | 600 × 315 px (below that, the card shrinks) |
| File size | Keep under 1–2 MB for reliable scraping |
| Formats | PNG or JPG |
| Safe text area | Keep text inside the center ~80% |
What to put on the image
A launch OG image has four elements and nothing else:
- The product name or logo.
- The one-line value proposition.
- A simple product visual or screenshot.
- A calm, full-bleed background.
It is a link card, not a billboard. Paragraphs of text on an OG image are unreadable in the small card view and read as clutter.
How to add it to a page
In the page's <head>:
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:title" content="Neatico: launch assets from a paragraph">
<meta property="og:description" content="Generate social posts and pitch decks from one product description.">
<meta name="og:image:width" content="1200">
<meta name="og:image:height" content="630">
If you care about X cards specifically, add the twitter:card tag set to summary_large_image.
How to test it
Each platform has a scraper that caches pages, so you can't just paste and hope. Use the debuggers:
- Facebook: Sharing Debugger.
- X: Card Validator.
- LinkedIn: Post Inspector.
Run the tool after the page is live; if the old image was cached, the debugger clears it.
Why this image beats the others in priority
A founder can survive a weak Pinterest pin. Nobody notices a missing OG image except the founder, because they don't see the shares themselves. Then every single person who posts the link is presenting a blank gray card or a random crop of the page header.
For launch prep, the OG image is the one image to make before the social posts. The full launch asset list is in the Product Hunt launch checklist, and the per-platform size table is here.
Frequently asked questions
Can I use a 1200 × 675 X image as my OG image? The difference is 45 px. Full-bleed images work, but text at the bottom edge can be cropped on 1200 × 630 cards. Keep a separate file if the layout has edge text.
Why is my shared link showing a blank or old image? The platform cached the page before the tag existed. Re-run the debugger for that platform.
Does the OG image affect SEO? It doesn't directly rank pages, but it affects click-through on every share, and social platforms also index pages with valid cards.
Can I have different OG images for different pages? Yes, and you should: the landing page, blog post, and pricing page each get their own image.
How do I make one without a designer? A 1200 × 630 hero card is a standard layout in Neatico, alongside the social and story formats.
Make the OG image before launch day and run the three debuggers. That's ten minutes of work for a card that appears in every share of the launch.