Top Dollar Marketing

Free OG Image Generator

Create the preview image that shows when your link is shared on social media. Type a title, pick your colors, optionally drop in a logo, and download a pixel-perfect 1200×630 PNG. Everything renders right here in your browser — free forever, no signup, no watermark.

Background color
Text color
Accent color

PNG, JPG, or SVG — up to 2MB.

Live preview

1200 × 630px — ready for Open Graph

Why use this generator

  • Blogger shipping a new post who wants a clean share card instead of the platform's blurry auto-crop.
  • Developer wiring up Next.js / Open Graph metadata who needs a 1200×630 image fast, without opening Figma.
  • Marketer running a campaign who wants every landing page to have an on-brand social preview.
  • Founder before a launch who needs a polished Twitter/X and LinkedIn card in two minutes.
  • Newsletter or Substack writer who wants a consistent header image across shared issues.

How it works

  1. 1Enter your title (and an optional subtitle). The title auto-sizes to fit — long titles wrap, short ones stay big.
  2. 2Pick a background, text, and accent color — start from the brand presets or use the color picker for an exact hex.
  3. 3Optionally upload a logo (PNG, JPG, or SVG up to 2MB) and place it top-left, top-right, or top-center.
  4. 4Choose a font style — sans-serif, serif, or monospace (system fonts, so it renders identically everywhere).
  5. 5Hit Download PNG. You get a 1200×630 file named og-image.png, ready to drop into your og:image tag.

Frequently asked questions

What size should an OG image be?
1200×630 pixels (a 1.91:1 ratio). That's the size Facebook, LinkedIn, and Twitter/X use for large share cards, and it's exactly what this tool exports. The minimum Facebook accepts is 200×200, but anything below ~600px wide looks soft, so 1200×630 is the safe standard.
What is an Open Graph image?
An Open Graph (OG) image is the picture that appears when someone shares your link on social media or messaging apps. You set it with the <meta property="og:image"> tag in your page's <head>. Without one, platforms either pull a random image from the page or show a plain text link — both look unprofessional.
Do I need an OG image for every page?
Ideally yes. Each page that might be shared — blog posts, landing pages, product pages — should have its own og:image so the share card matches the content. A single sitewide image is better than nothing, but per-page images get noticeably more clicks because the preview is relevant to what was shared.
Where do OG images appear?
Facebook, LinkedIn, Twitter/X, Slack, Discord, iMessage, WhatsApp, and most other apps that 'unfurl' a link into a rich preview. They all read the same og:image / twitter:image tags, so one correctly-sized 1200×630 image covers every platform.