Free OG Image Generator

Q: What size should an OG image be?

1200×630 pixels (a 1.91:1 ratio) — that is the size Facebook recommends, and X and LinkedIn both display it cleanly. Smaller images get upscaled and look blurry; larger ones just waste bytes.

Q: Where do OG images appear?

On link preview cards everywhere links are shared: Facebook, X (Twitter), LinkedIn, Slack, Discord, iMessage, and WhatsApp. The og:image tag in your page's HTML tells each platform which image to show.

Q: What is the difference between og:image and twitter:image?

twitter:image overrides the preview specifically on X; when it is absent, X falls back to og:image . One 1200×630 PNG set as og:image covers both — add twitter:image only if you want X to show something different.

Q: Why is my link preview blank or showing the wrong image?

Platforms cache the first scrape of your URL. After adding or changing og:image, force a re-scrape with the Facebook Sharing Debugger or the X Card Validator . Also check that the og:image URL is absolute (https://…) — relative URLs silently fail.

Q: What file format should the OG image be?

PNG for text-heavy cards (crisp letters), JPG for photographic cards (smaller file). Keep it under ~1 MB for fast loads — most platforms accept up to 8 MB, but smaller previews load and cache faster.

Last updated: 2026-10-10

Quick answer: When you share a link on Facebook, X, or LinkedIn, the platform shows a preview card — and the image on that card is the OG image (1200×630 pixels). Links with a custom preview image get far more clicks than the same link with a blank gray box. This free OG image generator designs that card right in your browser: type your headline, pick a template and colors, and download a pixel-perfect 1200×630 PNG to use as your og:image. No signup, nothing uploads — the image is drawn on a canvas in your browser.

When you share a link on Facebook, X, or LinkedIn, the platform shows a preview card — and the image on that card is the OG image (1200×630 pixels). Links with a custom preview image get far more clicks than the same link with a blank gray box. This free OG image generator designs that card right in your browser: type your headline, pick a template and colors, and download a pixel-perfect 1200×630 PNG to use as your og:image. No signup, nothing uploads — the image is drawn on a canvas in your browser.

Title (headline on the card)

Subtitle (optional tagline)

Brand / domain line (optional)

Template

Dark Gradient Light

Colors Background Text

Tip: keep the headline under ~60 characters so it stays big and readable at card size. The PNG downloads at exactly 1200×630 — the size Facebook, X, and LinkedIn expect.

✓ Free forever · ✓ No signup · ✓ Runs in your browser — your data never leaves your device.

How to Use the OG Image Generator

Type your headline — keep it under ~60 characters so it stays big and readable at preview-card size.
Add an optional subtitle or tagline, and a brand/domain line that appears at the top of the card.
Pick a template (Dark, Gradient, or Light) and tune the background and text colors to match your brand.
Watch the live preview — every keystroke re-renders the card instantly, with long headlines wrapped cleanly.
Click Download PNG: you get an exact 1200×630 image, ready to use as your page's og:image.

Why Use Our OG Image Generator?

True 1200×630 canvas — the exact 1.91:1 size Facebook, X, and LinkedIn expect for link previews.
3 templates + custom colors — Dark, Gradient, and Light styles with full color control; match your brand without a designer.
Live preview — every keystroke re-renders the card instantly, so what you see is exactly what downloads.
Smart text wrapping — long headlines wrap cleanly across lines and never overflow the card.
100% private — the image is drawn on a canvas in your browser; nothing is uploaded, stored, or tracked.

Common Use Cases

Blog posts: Give every article a branded preview card instead of the platform's auto-grabbed (often ugly) first image.
Landing pages: Keep OG images consistent across campaigns so every shared link looks deliberate and on-brand.
Newsletters: Reuse the 1200×630 card as the newsletter header image — one design, two jobs.
Product launches: Announcement graphics at exactly the right size, made in a minute with no design tool.
Fixing blank link previews: Replace the gray 'no image' box with a real card — the fastest CTR win in social sharing.

OG Image Generator vs Alternatives

Canva / Figma: Powerful design tools — but overkill for one card: accounts, template hunting, and export steps for a 60-second job.
SaaS OG-image generators: Many put the good templates behind a signup wall, add watermarks, or cap free exports per month.
Vercel og-image / code libraries: Excellent for developers — but they require code, hosting, and deployment for what is often a one-off image.
Photoshop: The professional choice, and a paid subscription plus real skill for a single 1200×630 card.

If you need a full design system, Canva or Figma is the right call. For a fast, free 1200×630 preview card with no account and no watermark, this page does it in under a minute.

Frequently Asked Questions

What size should an OG image be?

1200×630 pixels (a 1.91:1 ratio) — that is the size Facebook recommends, and X and LinkedIn both display it cleanly. Smaller images get upscaled and look blurry; larger ones just waste bytes.

Where do OG images appear?

On link preview cards everywhere links are shared: Facebook, X (Twitter), LinkedIn, Slack, Discord, iMessage, and WhatsApp. The og:image tag in your page's HTML tells each platform which image to show.

What is the difference between og:image and twitter:image?

twitter:image overrides the preview specifically on X; when it is absent, X falls back to og:image. One 1200×630 PNG set as og:image covers both — add twitter:image only if you want X to show something different.

Why is my link preview blank or showing the wrong image?

Platforms cache the first scrape of your URL. After adding or changing og:image, force a re-scrape with the Facebook Sharing Debugger or the X Card Validator. Also check that the og:image URL is absolute (https://…) — relative URLs silently fail.

Do OG images affect SEO rankings?

Not directly — Google does not rank pages on their OG image. But a good preview card raises click-through from social shares, and that traffic and the links it earns absolutely help.

What file format should the OG image be?

PNG for text-heavy cards (crisp letters), JPG for photographic cards (smaller file). Keep it under ~1 MB for fast loads — most platforms accept up to 8 MB, but smaller previews load and cache faster.