Free Online Open Graph Preview Tool

An Open Graph preview renders a live link card from your og:title, description and image, showing how a shared link looks on Facebook or LinkedIn.

Your data is processed entirely in your browser and never sent to any server.

Instant results 100% private No signup needed
Facebook / LinkedIn preview
1200 × 630 image
example.com
Your page title goes here
Your meta description preview will appear here as it would on Facebook and other Open Graph platforms.

This mock uses your inputs. The live preview also depends on the og: tags in your page and each platform's cache — refresh it with the platform's debugger.

How to Use This Tool

  1. Enter your og:title, og:description, image URL and page URL.
  2. Watch the card preview update as you type.
  3. Check that the title and description don't truncate awkwardly.
  4. Adjust your values, then set the matching tags in your page.

What Is an Open Graph Preview?

When a link is shared, platforms read Open Graph meta tags — og:title, og:description, og:image and og:url — to build the rich preview card you see in a feed or chat. Get those tags wrong and your link shows up bare or with a cropped, mismatched image. This tool lets you type each value and see a card render exactly as Facebook, LinkedIn, WhatsApp, Slack and Discord would lay it out.

The preview mirrors the real constraints: the title and description truncate at the same points the platforms use, and the image sits in a 1200×630 frame so you can judge cropping before you publish. Since most networks fall back to Open Graph when their own tags are absent, getting these right covers the widest set of destinations at once.

The card is generated from your inputs in the browser. The live result on a real platform also depends on the tags actually present in your page's HTML and on each platform's cache, which you refresh with that platform's debugging tool.

Frequently Asked Questions

Which platforms read Open Graph tags?
Facebook, LinkedIn, WhatsApp, Slack, Discord and many others use og: tags to build link previews. X has its own card tags but falls back to Open Graph when they are absent.
What image size should I use?
1200×630 is the safe landscape size for an Open Graph image. Smaller than 200×200 may be ignored, and square images can crop unpredictably across apps.
Why does the live preview differ from real life?
This mock uses the values you type. The real card depends on the tags in your page's HTML and on each platform's cached copy — clear the cache with the platform's debugger if an old preview sticks.

Published by the WeGotEveryTool team. We build and test every tool in-house and update pages when the underlying spec, formula, or recommendation changes.

Reviewed: May 2026. Disclaimer: this tool is provided as-is for general informational use. For decisions with material consequences (medical, legal, financial, security) verify results against a qualified professional source.

Related Social Media

Twitter Card Preview

Mock up how your link will appear as a summary card on X (Twitter) by entering a title, description, image and domain.

LinkedIn Post Preview

See how a shared link will render in a LinkedIn feed by entering the title, description, image and domain.

Social Media Image Resizer

Upload an image and resize it to the exact dimensions each platform expects, using one-click presets for Instagram, Facebook, X and LinkedIn.

YouTube Thumbnail Downloader

Paste a YouTube link to grab its thumbnail in every available size, from 120px preview up to full 1280×720 maxres.

Bio Link Page Builder

Add your links and profile details, then export a self-contained HTML link-in-bio page you can host anywhere.