100% FREE • LIVE PREVIEW TELEGRAM • VK • WHATSAPP • X

Meta Tag and Open Graph Generator

Create clean link previews for social networks and messengers. See in real time how your link will look in Telegram, VK, WhatsApp and Twitter/X, and export ready-to-use code in one click.

Page settings
0 / 60
0 / 160

Recommended size: 1200 × 630 px (1.91:1) as PNG / WebP / JPEG

Live preview
Ready-to-paste code

How to set up Open Graph and Twitter Cards correctly

The Open Graph protocol was created by Facebook to turn any web page into a rich object in a social graph. Today these meta tags are supported by Telegram, VK, WhatsApp, Discord, Slack, LinkedIn and search engine crawlers.

🖼️ Image size

The optimal size is 1200 × 630 pixels (1.91:1 aspect ratio). It displays sharply on Retina screens without cropped edges.

✍️ Text length

Title — up to 60 characters. Description — 140 to 160 characters to avoid truncation with an ellipsis in messengers.

🔒 Privacy $0

Local image upload uses the browser’s FileReader. Your data is not sent to third-party servers and is processed on your device.

🛠️

Related Developer & Office Tools

All tools →
💾 SQL & DB

SQL Formatter & Validator

Beautify and format SQL queries, indent clauses, minify to 1 line for PostgreSQL, MySQL, and ClickHouse client-side.

Development Open →
👁️ WCAG 2.2 & UX

Color Contrast Checker (WCAG 2.2)

Calculate color contrast ratios for text and backgrounds per WCAG 2.2 AA/AAA accessibility standards with live previews.

Design & UX Open →
🔐 Web Crypto

Secure Password Generator

Cryptographically secure passwords powered by Web Crypto API running 100% locally on your machine.

Security & IT Open →
🔑 Safe & Local

JWT Token Decoder & Inspector

Inspect and decode JSON Web Tokens locally: inspect header, payload claims, and token expiration dates safely.

Security & IT Open →
🧪 Regex & IT

Regular Expression (Regex) Tester

Test and debug regex patterns with live match highlights, capture groups, regex flags, and cheatsheets.

Development Open →
🎨 Design & CSS

CSS & Tailwind Gradient Generator

Visual gradient designer with angle controls, trendy color presets, and 1-click CSS and Tailwind class export.

Design & UI Open →

Was this tool useful?

The site is free and has no paywalls. A small tip in TON or a share helps keep it running and add new tools.

Share in Telegram