OG Image Generator
Open Graph · Twitter · LinkedIn
Auto-wraps and shrinks to fit up to 4 lines.
Images are rendered entirely in your browser — nothing is uploaded.
OG Image Generator
1200 × 630 px
How it looks when shared
Your Brand
@yourbrand
Your headline goes here ↓
your-website.com
PRODUCT UPDATE
Design the image that shows up when your link is shared on X, LinkedIn, Facebook, Telegram or Slack. Type a headline, pick a gradient and pattern, and see a live social-card preview of exactly how the link will look in a feed. Export a crisp 1200×630 Open Graph PNG or a 1200×1200 square — rendered entirely in your browser.
The Image That Sells the Click
When a link is shared, the OG image is the single biggest element in the preview card — pages without one get a bare URL, and pages with a blurry or cropped one look neglected. A clean 1200×630 card with a bold headline consistently lifts click-through on shared links.
Preview It Where It Matters
The live preview simulates a real social feed card — avatar, handle, link card and all — so you can check contrast and readability at feed scale before exporting. Headlines auto-wrap and shrink to fit, so long titles never overflow or get cut off mid-word.
Two Canvases, Every Platform
1200×630 is the canonical Open Graph size accepted by X, Facebook, LinkedIn, Telegram and Discord. The 1200×1200 square covers Instagram and Threads posts. Both are rendered from the same design — change the size, not the workflow.
Frequently Asked Questions
What size should an Open Graph image be?
1200×630 pixels is the canonical OG size — accepted by X/Twitter, Facebook, LinkedIn, Telegram and Discord with minimal cropping. For square posts on Instagram and Threads, switch to the 1200×1200 preset.
How do I add the image to my page?
Upload the PNG to your site, then add <meta property="og:image" content="https://yoursite.com/og-image.png"> and <meta name="twitter:card" content="summary_large_image"> to the <head> of your page. Most site generators and CMSs expose these as page settings.
Why isn't my OG image showing when I share a link?
Platforms cache link previews aggressively — after adding or changing the image, use the platform's debug tool (e.g. the X Card Validator or Facebook Sharing Debugger) to refresh the cache. Also make sure the image URL is absolute and publicly reachable.
Are my designs uploaded anywhere?
No. Text layout, gradients and PNG rendering all happen inside your browser tab. Nothing is transmitted or stored.
Can I use my own logo or fonts?
The generator uses the site's Inter font family with three text layers (eyebrow, headline, subtitle) — no font files to manage. For logo-based compositions, build the background here and composite your logo on top in any image editor, or use the Notion Cover generator for logo-ready layouts.