Social Preview

Preview how a link renders across social platforms.

  • Runs locally in your browser
  • No upload required

Try it

Host
gampangin.example
Platform previews
Facebook: How to format JSON (image) LinkedIn: How to format JSON (image) X: How to format JSON (image) Slack: How to format JSON (image) Discord: How to format JSON (image) WhatsApp: How to format JSON (image) Telegram: How to format JSON (image)
Findings
none
Facebook: How to format JSON
LinkedIn: How to format JSON
X: How to format JSON
Slack: How to format JSON
Discord: How to format JSON
WhatsApp: How to format JSON
Telegram: How to format JSON

Supported formats

Input
url, text
Output
text

Privacy

Runs entirely in your browser. Your input is never uploaded, stored, or sent to a third party.

Processing
In your browser
Privacy level
Browser only

Previewed the link for 7 platform(s) with 0 finding(s).

How it works

  • Resolved the URL host and validated the title, description and image.
  • Compared the title and description against each platform's approximate display limit.
  • Marked each platform where the text would truncate and reported the image state.
  • Each platform controls its final rendering; the limits are approximations and may change.
  • The tool does not fetch the URL or the image, so it works offline.

Methodology

  1. Resolve the URL and validate the title, description and image URL.
  2. Compare the text against a recorded approximate display limit per platform.
  3. Report the truncation state and the image presence without fetching anything.

Usage

  1. Enter the absolute page URL.
  2. Enter the title and a short description.
  3. Optionally add an absolute image URL and a site name.
  4. Preview and read the per-platform truncation findings.

Examples

These are examples, not current values: they use fixed inputs, while the interactive tool computes live results in your browser.

A guide with an image

jsonSelect to copy
{
  "url": "https://gampangin.example/guide/",
  "title": "How to format JSON",
  "description": "A short practical guide to formatting JSON safely.",
  "image": "https://gampangin.example/og.png",
  "siteName": "Gampangin"
}

A long title and no image

jsonSelect to copy
{
  "url": "https://gampangin.example/tools/json-formatter/",
  "title": "A very long page title that several social platforms will almost certainly truncate in the preview",
  "description": "Short description.",
  "image": "",
  "siteName": "Gampangin"
}

Limitations

Why a social preview matters

When a link is shared, the platform builds a card from the page's Open Graph and card metadata. A title that is too long or an image that is missing weakens the card.

The preview models the common platforms so you can shorten the title or add an image before sharing.

Frequently asked questions

Why do the platforms show different text?
Each platform applies its own layout and truncation, so the same Open Graph values can render differently. The preview shows each platform's approximate limit.
Does the tool load my image?
No. It validates the image URL shape only and never requests it, so nothing about your page leaves the browser.

Sources

  1. The Open Graph protocol — Open Graph Protocol
  2. X — About Cards — X