OG image generator

1200×630 social card with title, subtitle, brand

Generate the social-share image for your post or page. Type a title and subtitle, pick a background colour, and download a 1200×630 PNG ready for <meta property="og:image">.

Title (the headline) Subtitle (optional) Background Foreground Brand badge (optional)

Ready.

When to use this tool

Every blog post, landing page, or share-worthy URL needs an OG image — a 1200×630 PNG that appears when the URL is pasted into Slack, Twitter, LinkedIn, Discord. This tool produces a clean text-only OG image; for image-rich variants, build them in Figma / a real design tool.

Use cases

Blog post. Title = post title; subtitle = first sentence; brand = your site.
Product page. Title = product name; subtitle = tagline.
Generic share card. Title = your site name; subtitle = elevator pitch.
Quick announcements. "We launched X" + a one-line context.

How to wire it up

Once the OG image is at https://yoursite/og-image.png, add to your <head>:

<meta property="og:image" content="https://yoursite/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://yoursite/og-image.png">

FAQ

Why 1200×630?

Open Graph spec recommends 1200×630 for the "large" card; Twitter, LinkedIn, Slack all honour it.

Can I use a background image?

Not yet — this tool produces colour-gradient backgrounds only. For image backgrounds, build the card in a design tool.

How long can the title be?

Up to ~80 characters reads well. The font size auto-shrinks with longer text. Keep it punchy.