When you share a link on Facebook, Twitter/X, LinkedIn, or Slack, the preview image that shows up isn’t random — it’s controlled by a single image you specify once, called the Open Graph image. Get this one image right, and it looks correct everywhere your link gets shared. Get it wrong, and every platform shows an awkward crop or, worse, nothing at all.
Table of Contents
What Open Graph Actually Is
Open Graph is a protocol (originally created by Facebook, now used broadly across social platforms) that lets you control how your page appears when shared as a link — the title, description, and image are all set via meta tags in your page’s HTML, rather than each platform guessing from your page content.
The image is set with a single meta tag:
<meta property="og:image" content="https://yoursite.com/path-to-image.jpg">
Most platforms (Twitter/X, LinkedIn, Slack, Discord, iMessage previews) read this same tag, which is exactly why getting one image right covers nearly everywhere your link might get shared.
Want to try it yourself? Compress your images free — no upload, no signup.
The Recommended Open Graph Image Size
Getting the og image dimensions right is the single biggest factor in whether your preview looks sharp or gets awkwardly cropped:
- Recommended og image size: 1200 x 630px
- Aspect ratio: 1.91:1
- Minimum size: 200 x 200px (below this, some platforms won’t display an image preview at all)
- File size: ideally under 1MB — most platforms have their own caps (Facebook’s is 8MB) but a heavy image slows down link preview generation and offers no visible benefit over a well-compressed smaller file
- Format: JPG or PNG; both are broadly supported, though JPG is usually the better choice for photos given the smaller file size
1200 x 630px has become the de facto standard because it satisfies the aspect ratio and minimum resolution requirements across every major platform simultaneously — you don’t need a different image for Facebook vs. LinkedIn vs. Twitter/X, a single image at this og image size covers all of them correctly.
Open Graph Isn’t Just the Image
While this guide focuses on the image, Open Graph settings also include a title and description, separate from your page’s regular SEO title and meta description. In Rank Math, these live under each post’s Social tab — letting you write a distinct headline and blurb specifically for how the link appears when shared, rather than reusing your SEO title verbatim. This matters because a good SEO title (written for search intent) and a good social share title (written to earn a click in a crowded feed) don’t always want to say the same thing.
If you leave these blank, most platforms fall back to your regular page title and meta description — which often works fine, but customizing them gives you more control over how the post actually performs when shared.
If You’re Using WordPress with Rank Math (or Similar SEO Plugins)
Most modern SEO plugins let you set a default Open Graph/social image at the site level, plus override it per post or page:
- Site-wide default: usually under a “Social” settings tab — this becomes the fallback image for any page that doesn’t have its own specifically set
- Per-post override: most plugins let you either use the post’s featured image automatically, or upload a distinct image just for social sharing — useful when your featured image works well within the article layout but isn’t quite the right crop or composition for a social preview
If you don’t explicitly set an Open Graph image, many platforms fall back to guessing — often pulling the first image found on the page, which can be an unrelated icon, an inline chart, or nothing usable at all. Setting it explicitly avoids leaving this to chance.
Common Mistakes
- Using your logo as the Open Graph image for every post. This technically works but is a missed opportunity — a relevant, specific image for each piece of content performs better for click-through than a generic logo repeated across every share.
- Important text or faces too close to the edges. Different platforms crop slightly differently within the 1.91:1 frame, especially on mobile. Keep essential visual elements comfortably within the center of the image.
- Forgetting to test after publishing. A broken or missing Open Graph image is easy to miss since it doesn’t affect how the page looks to someone actually visiting it — only how it looks when shared. Testing after publishing catches this before it matters.
- Using a very large, uncompressed source file. The image still needs to load fast enough for platforms to generate the preview promptly; an unnecessarily heavy file can cause slow or failed preview generation on some platforms.
How to Test Your Open Graph Image
Don’t rely on guessing — check exactly how your link will appear before it goes out, using each platform’s own tools:
- Facebook: Facebook Sharing Debugger
- LinkedIn: Post Inspector
- Twitter/X: X retired its standalone Card Validator, so card checks now happen through the X developer portal, or by using a third-party preview tool, or simply cross-checking with the Meta and LinkedIn debuggers above, since Twitter/X reads the same
og:imagetag in most cases.
These tools also show you the actual cached version a platform has stored for your URL, which is useful if you’ve updated the image but the old one still keeps showing up (platforms cache Open Graph data and don’t always refresh it automatically — most of these debugging tools include a “scrape again” or “refresh” option to force an update).
Ready to shrink your images?
Compress and resize JPG, PNG, and WebP files for free, right in your browser. No uploads, no signups, no waiting.
Compress Images Now →Frequently Asked Questions
What size should Open Graph images be?
1200 x 630 pixels, at a 1.91:1 aspect ratio. This single size renders correctly across Facebook, LinkedIn, Slack, and most other platforms that read the og:image tag.
What size is Open Graph image 2026?
The recommendation remains 1200 x 630 pixels — this has been the stable standard for several years and hasn’t changed. If you’re seeing outdated guides mention 1200 x 627 or 600 x 315, those are older or platform-specific variants that still work but aren’t the current universal recommendation.
What is the ratio of Open Graph image?
1.91:1 — this is the aspect ratio 1200 x 630 simplifies to, and it’s what determines correct display, not the exact pixel count. Any image at this ratio will display properly, even at different resolutions.
Do I need a different image for each platform (Facebook vs. Twitter vs. LinkedIn)?
No — a single 1200x630px image set via the og:image tag is read by nearly all major platforms. Twitter/X has its own twitter:image tag you can set separately if you want a distinct image specifically there, but it’s optional; most sites use the same image for both.
Why does my link preview show an old image after I updated it?
Platforms cache Open Graph data rather than re-checking it on every share, so updating the image on your site doesn’t automatically update what’s already cached. Use each platform’s debugging/preview tool to manually force a re-scrape.
What happens if I don’t set an Open Graph image at all?
Behavior varies by platform — some fall back to guessing an image from the page content, others show no image preview at all, which typically results in noticeably lower click-through when the link is shared.
Resize and compress your Open Graph image to the exact 1200×630 spec, free and instantly, with our browser-based tool — no upload required, everything happens on your device.