Open Graph Preview

The Open Graph Preview shows how a link will look when pasted into Facebook, LinkedIn or Twitter/X — image, title, domain and description rendered as an actual share card — and generates the matching og: and twitter: meta tags to put in the page's head. It closes the gap between writing Open Graph tags blind and actually seeing the card readers will see: think of it as an og image preview and facebook share preview in one, plus a twitter card preview so the same link looks right on every platform.

It's used before a launch post to confirm the thumbnail image crops correctly and the title isn't cut off, to compare a large-image Twitter card against a small-summary card side by side, and to catch a broken image URL before it goes live as a blank gray box in someone's feed. Each platform enforces different title and description truncation lengths on the card itself — Facebook, Twitter and LinkedIn all clip at slightly different points — so the preview truncates per-platform rather than applying one generic limit, and a tab switcher moves between all three without retyping anything.

The generated tags cover both Open Graph (read by Facebook and LinkedIn, and used by Twitter as a fallback) and the dedicated Twitter Card tags, with a toggle between the large-image card (a big image above the title) and the small summary card (a thumbnail beside the title) — the right choice depends on whether the linked image reads well cropped small. All rendering happens locally: the preview image is simply loaded from the URL you provide, exactly as the sharing platform would load it, and nothing about the page is uploaded anywhere by this tool.