AppsFactory

Open Graph Preview

Preview how your link will appear when shared on social media platforms

OG Meta Data

or

Facebook

example.com

Page Title

Page description will appear here.

Twitter / X (Large Image)

Page Title

Page description will appear here.

example.com

LinkedIn

Page Title

example.com

Slack

Page Title

Page description will appear here.

Discord

example.com

Page Title

Page description will appear here.

iMessage / SMS

example.com

Page Title

Recommended Image Dimensions

Facebook

1200 x 630 px (1.91:1 ratio)

Twitter / X

1200 x 600 px (2:1 ratio, large image)

144 x 144 px minimum (summary)

LinkedIn

1200 x 627 px (1.91:1 ratio)

Discord

1280 x 720 px or larger

Slack

800 x 418 px minimum

iMessage

1200 x 630 px (same as Facebook)

Tip: Use 1200 x 630 px as a universal safe size that works well across all platforms.

Tip: Keep file size under 5 MB for best compatibility. JPEG or PNG formats are recommended.

Tip: Place important content in the center of the image, as some platforms crop the edges.

Open Graph Preview - See How Your Links Look Before Sharing

When you share a link on social media, the preview card can make or break engagement. The Open Graph Preview tool shows you exactly how your content will appear on Facebook, Twitter, LinkedIn, Slack, and Discord so you can fix issues before your audience ever sees them.

Features

  • Multi-platform previews - View your link card as it would render on Facebook, Twitter, LinkedIn, Slack, and Discord simultaneously
  • Live editing - Modify the title, description, and image and see every preview update instantly
  • URL fetching - Enter any URL and the tool pulls its existing Open Graph data for review
  • Image aspect ratio checks - Warnings appear when your og:image does not meet a platform's recommended dimensions
  • Tag inspector - See the raw Open Graph and Twitter Card meta tags detected from the URL
  • Side-by-side comparison - Compare how the same link looks across all supported platforms at a glance
  • Share-ready validation - Get actionable suggestions when tags are missing or misconfigured

How to Use

  1. Enter a URL or manually fill in the Open Graph fields (title, description, image URL).
  2. Review the generated preview cards for each social platform.
  3. Check for warnings about image sizes, missing tags, or truncated text.
  4. Adjust your meta tags based on the feedback.
  5. Re-test by fetching the live URL after deploying changes to confirm everything looks correct.

Use Cases

  • QA-checking Open Graph tags before publishing a new blog post or product page
  • Debugging why a shared link shows the wrong image or a blank preview card
  • Comparing how a marketing campaign link will appear across multiple channels
  • Helping non-technical team members verify social previews without developer tools

FAQ

Why does my preview look different on Twitter versus Facebook?

Each platform interprets Open Graph tags slightly differently and has its own image cropping rules. Twitter also supports its own twitter:card tags, which override Open Graph defaults. This tool shows you those differences side by side.

What image size should I use for Open Graph?

A 1200 x 630 pixel image works well across most platforms. The tool flags images that are too small or have unusual aspect ratios that could result in awkward cropping.

Can I preview a page that is not yet live?

Yes. You can manually enter the title, description, and image URL without fetching a live page, which is useful for previewing content that is still in staging or draft.