OG Image Preview & Open Graph Tester

Free

Preview and test your Open Graph image and meta tags before publishing. See exactly how your page looks when shared on Facebook, LinkedIn, and Slack.

open graph image previewtest og imageog image tester
All SEO Tools

What's next

Preview Facebook card
See the full Facebook share preview
Generate meta tags block
Apply all tags to your page
Preview Twitter card
Test your X card separately

Settings guide

OG image dimensions:

The universal safe size is 1200×630 px (1.91:1 aspect ratio). Facebook, LinkedIn, Discord, and Slack all use this ratio as their target. Images outside this ratio will be cropped, sometimes unfavorably.

Minimum image size:

Facebook requires at least 200×200 px to display an image at all. Images smaller than this result in a text-only link preview. LinkedIn's minimum is 1200×627 px for large card display.

Image format:

JPEG for photographs, PNG for graphics with text or logos. Avoid GIF and SVG — platform support is inconsistent and SVGs may not render at all.

og:image must be an absolute URL:

https://yourdomain.com/images/share.jpg — not a relative path. Relative paths cause broken previews on every platform.

Cache busting:

Social platforms cache OG images aggressively. After updating an image, use Facebook's Sharing Debugger to force a cache refresh for your URL.

Format comparison

OG image preview vs Facebook Sharing Debugger:

Facebook's Sharing Debugger fetches your live page and shows the actual cached card. This tool lets you test your image before publishing — ideal for design iteration before the URL goes live. Use both: this tool during development, Facebook's debugger to verify after deployment.

OG image preview vs Twitter Card Validator:

Twitter Card Validator checks twitter:image tags specifically. Open Graph tags serve as the fallback when Twitter Card tags are absent. This preview focuses on OG tags — use the Twitter Card tool in this suite for X-specific optimization.

How it works

1

Enter your OG image URL

Paste the absolute HTTPS URL of your Open Graph image (1200×630 px recommended).

2

Add title and description

Enter your og:title and og:description — these appear as the text content in the link card.

3

Preview card layouts

See how the card renders in Facebook's large image format, LinkedIn's link post, and Slack's unfurl layout.

4

Fix and iterate

Adjust image dimensions, crop, or text content based on the preview until all platform cards look correct.

About this format

The Open Graph image is the single most visible element when your content is shared on social media. A 1200×630 px image that fits correctly and communicates your content's value earns significantly more clicks than a broken preview, cropped logo, or generic placeholder image.

This tool shows you the exact OG image card as it renders on different platforms before you publish or share a single link. Paste your `og:image` URL, `og:title`, `og:description`, and domain name to generate a live preview of the Facebook-style card layout, the LinkedIn link post format, and the Slack unfurl.

Common OG image problems caught here: images smaller than 200×200px that platforms refuse to display, images with incorrect aspect ratios that get awkwardly cropped, HTTPS images that fail to load due to mixed content, and titles or descriptions that wrap incorrectly within the card container. Catching these before your content goes live — especially for high-traffic campaigns — prevents the embarrassment of a broken share preview reaching thousands of feeds.

Frequently asked questions

What size should my og:image be?+
Use 1200×630 pixels at 1.91:1 aspect ratio. This works across Facebook, LinkedIn, Discord, and Slack. Images must be hosted at HTTPS URLs. Facebook requires a minimum of 200×200 pixels to display any image in the share preview. Host OG images at a stable, permanent URL — changing the path requires a cache refresh in Facebook's Sharing Debugger to update previews.
Why is my OG image not showing on Facebook?+
The most common causes are: the image URL is not an absolute HTTPS URL, the image is smaller than 200×200 pixels, Facebook's cache shows an old version, or the og:image tag is missing from the page head. Use Facebook's Sharing Debugger to fetch the current tags and clear the cache.
Do I need different images for different social platforms?+
A single 1200×630 image works for most platforms. Twitter's summary_large_image card uses a 2:1 ratio which is close enough that one image serves both. If you want a square thumbnail for Twitter summary cards, a separate 400×400 image improves quality for that format.
How long does it take for an updated OG image to appear?+
Facebook caches OG tags for 24 to 72 hours by default. To force an immediate refresh, paste your URL into Facebook's Sharing Debugger and click Scrape Again. LinkedIn caches for up to 7 days — use LinkedIn's Post Inspector to trigger a refresh.
Can I use a CDN URL for my og:image?+
Yes, CDN URLs work perfectly and are recommended. Ensure the CDN serves images over HTTPS and that the image URL does not redirect before resolving to the final image. Redirects can cause platforms to fail to fetch the image entirely.

Related tools and guides

facebook open graph previewtwitter card large imageopen graphGuide: seo meta tags complete guideAll SEO Tools