~/og ☀ LIGHT apps ← back to terminal

🌐 Language

// open graph · twitter card · social share preview
██████╗ ██████╗ ███╗ ███╗ ███████╗ ████████╗ █████╗ ██╔═══██╗ ██╔════╝ ████╗ ████║ ██╔════╝ ╚══██╔══╝ ██╔══██╗ ██║ ██║ ██║ ███╗ ██╔████╔██║ █████╗ ██║ ███████║ ██║ ██║ ██║ ██║ ██║╚██╔╝██║ ██╔══╝ ██║ ██╔══██║ ╚██████╔╝ ╚██████╔╝ ██║ ╚═╝ ██║ ███████╗ ██║ ██║ ██║ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚══════╝ ╚═╝ ╚═╝ ╚═╝

OG image & meta tag previewer_

See exactly how your page looks when shared on Twitter/X, LinkedIn, Facebook and Discord.
Fill in the fields — previews update instantly. Copy the ready-to-paste HTML meta tags.

recommended: under 60 chars
recommended: under 160 chars
recommended: 1200×630 px · min 600×315 px
Twitter card type
Twitter / X
no image
yoursite.com
Your page title
A short description of your page content
LinkedIn
no image
Your page title
A short description of your page content
yoursite.com
Facebook
no image
YOURSITE.COM
Your page title
A short description of your page content
Discord
YOURSITE.COM
Your page title
A short description of your page content
no image

        
FAQ — What is the Open Graph Generator?

Frequently Asked Questions — Open Graph Generator

What is an Open Graph generator?

Creates the social preview image and meta tags that appear when your URL is shared on LinkedIn, Twitter/X, Facebook, and Slack.

What are Open Graph meta tags?

HTML <meta> tags controlling how content appears on social media: og:title, og:description, og:image, og:url, og:type.

What is the recommended OG image size?

1200 × 630 pixels at 72 DPI — displays correctly on all major platforms.

Does it generate HTML meta tags too?

Yes. Complete <meta> block ready to paste into your <head>, including Twitter Card equivalents.

Is this tool free?

Yes, completely free. One of 46 free tools at jasperbernaers.com.