Link Preview Generator

See any link the way Slack, WhatsApp or Notion show it — then download the preview as an image or copy it as Markdown.

Try:

What people use it for

Notes and docs

Drop a clean preview image into Notion, Obsidian, Google Docs or a slide deck instead of a bare URL.

Check before you share

See exactly how your page will look when posted in Slack, WhatsApp, X or LinkedIn — and catch a missing image.

Newsletters and blogs

Add visual link cards to emails and posts, where most editors can only show images.

Previews in your own app

Use the same data from the API to render link previews in chats, CMSs and bookmarking tools.

LINK PREVIEW API

Build link previews into your app

This tool runs on the JsonLink API. One GET request returns everything you need to render a rich link preview: title, description, images, favicon and domain.

Get free API key See the Link Metadata API →

curl "https://jsonlink.io/api/extract?url=https://github.com&api_key=YOUR_API_KEY"

const res = await fetch(
  `https://jsonlink.io/api/extract?url=${encodeURIComponent(link)}&api_key=${process.env.JSONLINK_KEY}`
);
const { title, description, images, favicon, domain } = await res.json();

import requests

preview = requests.get("https://jsonlink.io/api/extract", params={
    "url": link,
    "api_key": JSONLINK_KEY,
}).json()

200 OK · application/json

{
  "title": "GitHub · Change is constant. GitHub keeps you ahead. · GitHub",
  "description": "Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.",
  "images": [
    "https://images.ctfassets.net/8aevphvgewt8/4pe4eOtUJ0ARpZRE4fNekf/f52b1f9c52f059a33170229883731ed0/GH-Homepage-Universe-img.png"
  ],
  "sitename": "GitHub",
  "favicon": "https://github.com/favicon.ico",
  "domain": "github.com"
}

Frequently asked questions

What is a link preview?

A link preview is the card apps show when you share a URL: the page's title, description, image and site name. It's built from the page's Open Graph, Twitter Card and HTML meta tags.

How do I generate a link preview image?

Paste the URL above and press Generate. JsonLink reads the page, builds the preview card, and the Download button saves it as a PNG you can drop anywhere.

Why does my preview have no image?

The page doesn't declare an og:image or twitter:image tag, or the image can't be loaded. Add an og:image (1200×630 works everywhere) to fix it.

Is the link preview generator free?

Yes. The online tool is free with a daily limit, no signup needed. For more, a free account includes 100 API credits every month.

Can I generate link previews with an API?

Yes. GET /api/extract returns the title, description, images, favicon and domain of any URL as JSON, so you can render previews in your own app.

Render link previews in your own app

100 free credits every month. One GET request per link.

Get free API key