Skip to content
WebScore LogoWebScorev2
AllMetadata GeneratorSchema Markup Generatorrobots.txt ToolFavicon GeneratorFavicon CheckerSSL Certificate CheckerEmail Security CheckerEmail DNS GeneratorUTM Campaign BuilderQR Code GeneratorOpen Graph Image GeneratorImage to WebP & AVIF ConverterImage Compressor

Open Graph Image Generator

Design the 1200×630 social card that shows when your link is shared on X, Facebook, LinkedIn & Slack. Export PNG or WebP — no watermark.

🔒 5 premium templates are unlocked with lifetime access. All editor features below are free.

NEW RELEASE

Ship faster with a tool your team will actually love

Everything you need to launch, in one place.

Get started free
1200 × 630 px · 1.91:1Exported @2x · no watermark
Make the page behind your link just as good

Get the full WebScore report

A great social card gets the click — make sure the page delivers. WebScore checks performance, SEO, accessibility and security in 60 seconds. Free to run, full reports for $3.

Full detailed report with all issues and step-by-step fixes
Unlock any report for just $3 — no subscription needed
Automated daily/weekly monitoring with alerts
AI-powered UI/UX audit with annotated screenshots
Domain authority metrics from MOZ, Majestic & Ahrefs
Lifetime access for $29.99 — pay once, everything unlocked forever

Scan free, no credit card required. Unlock full reports for $3 each or $29.99 once for lifetime access.

About this Open Graph image generator

An Open Graph (og:image) is the preview image that appears when your link is shared on social platforms and chat apps. This generator runs entirely in your browser — your text and any screenshot you add never leave your device. Pick a layout, style it, and export a crisp 1200×630 PNG or WebP at 2× resolution with no watermark.

One size, every platform

1200×630 (1.91:1) is read by X/Twitter, Facebook, LinkedIn, Slack and Discord.

Fully in-browser

Backgrounds, patterns, fonts and uploaded screenshots are composited locally — nothing is uploaded.

PNG or WebP

Download a lossless PNG or a smaller WebP, both at 2× for sharp results on retina screens.

How to use your social image

Upload the exported file to your site or CDN, then reference it in your page's <head>:

<meta property="og:image" content="https://yoursite.com/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" />

Tips for social cards that get clicked

  • Keep the title short — feeds crop long headlines. Aim for one punchy line.
  • High contrast wins — text must stay readable as a small thumbnail in the feed.
  • Stay on brand — reuse the same accent color and font across pages for recognizable previews.

Does the page behind your link deliver?

A great preview earns the click — the page has to keep the promise. Scan it with WebScore to check speed, SEO, accessibility and security — free to run.