Skip to main content

Free OG Image GeneratorOpen Graph images that read clearly at a glance.

The free OG image generator for clean Open Graph images — pick a template, type your title, and export a polished 1200×630 PNG, JPEG or WebP right in your browser. No signup, no watermark, no design skills.

OG 1200×630 · X HEADER 1500×500 · PNG, JPEG or WebP
01 · Pick a template
Marketing
Generate Beautiful OG Images
og:image-right ✓
Announce your launch
og:hero
A clean title says enough
og:basic
Changelog
v2.0 is out — what's new
og:notice

// Free tool

OG Image Generator

Create share-ready Open Graph images fast. Pick a template, edit the text, choose a background — then export.

Generating preview…

your image updates live — no signup needed

// How it works

Three steps to a share-ready image

01
Choose a template

Start from layouts sized exactly for Open Graph cards (1200×630) and X headers (1500×500).

02
Make it yours

Edit the title, tag, logo and background. The preview updates in real time as you type.

03
Export and publish

Download PNG, JPEG or WebP with a clear filename and adjustable quality.

// Why this tool

Built for people who ship

Live preview editor

Adjust text, fonts and backgrounds and watch the final image update in real time.

8 professional templates

Clean presets built for Open Graph cards and X/Twitter headers — no blank canvas.

PNG · JPEG · WebP

Download PNG, JPEG or WebP with a clear filename and adjustable quality.

Meta tags

Review simulated social cards, resolve metadata checks and copy tags before publishing.

Brand-consistent

Keep typography, spacing and composition consistent across every link you share.

Free to start

The server does not retain the fetched page long term. Imported fields are saved as a local draft in this browser.

// The Open Graph guide

What makes a good OG image?

An Open Graph image is the preview picture that appears when your link is shared on X, Facebook, LinkedIn, Slack or iMessage. It's declared with a single og:image meta tag — and it's often the first thing people see of your site.

A good OG image makes a shared link easier to scan and recognize. It should read at a glance: a short, large title, clear contrast against the background, and your logo for recognition.

01Keep text in the safe area Platforms crop edges differently; keep titles away from borders.
02Use large type Titles render small in feeds; 60px+ at 1200×630 stays legible.
03Contrast over decoration Dark text on light backgrounds (or the reverse) beats busy artwork.
04Stay consistent One template across your site makes every share recognizably yours.
Size reference
og:image1200 × 630 · 1.91:1
X header1500 × 500 · 3:1
minimum600 × 315
file size< 1 MB
formatPNG / JPEG / WebP
<!-- add to your <head> -->
<meta property="og:image"
content="https://your.site/og.png">
// FAQ

Frequently asked questions

Have another question? Contact us on GitHub or by email.

What is an OG image and why do I need one?

An OG (Open Graph) image is the preview image that appears when your link is shared on platforms like X, Facebook, LinkedIn and Slack. A clear OG image gives the preview a readable title, useful context and recognizable branding.

Is this tool really free? What's the catch?

The editor is free — no signup required and no watermarks.

What image sizes are supported?

Standard Open Graph dimensions (1200×630) and X/Twitter header sizes (1500×500). Templates are optimized for these dimensions so your images look right on every platform.

Which export formats are supported?

Download PNG, JPEG or WebP with a clear filename and adjustable quality.

What fonts and customization options are available?

19 font families with multiple weights, customizable backgrounds (solid colors, gradients, patterns), grid overlays and noise effects. Each template has specific options for text, layout and styling.

Can I use the generated images commercially?

Yes — all images you generate are yours to use for personal projects, commercial websites, product launches and marketing campaigns. No attribution required.

Create your next OG image.

Paste a public page URL to detect its social metadata and import its title, description and site name into the editor.