What size should an OG image be?

1200×630 pixels (a 1.91:1 ratio). It's the size Facebook, LinkedIn, and X all render cleanly, and what this tool exports.

How do I use the image once I've downloaded it?

Upload it to your site, then add the og:image and twitter:image meta tags to your . The snippet on this page has the full block.

Why does my link still show the old image?

Platforms cache OG images. Use the platform's sharing debugger (e.g. LinkedIn Post Inspector) to force a refresh after you update it.

Open Graph image maker.

Design a sharp 1200×630 social share card — title, accent, logo, and theme — and download the PNG that makes your links look intentional.

Runs in your browser
Nothing is uploaded
Free — no sign-up

Content

Headline48 chars

Eyebrow

Small label above the headline.

Site name

Footer attribution.

Style

Theme

Accent color

Logo

Drop files here, or click to browse

Optional — sits in the top-right corner.

Preview · 1200×630

Add it to your <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">
<meta name="twitter:image" content="https://yoursite.com/og-image.png">

Good to know.

An Open Graph image generator creates the 1200×630 preview image shown when your link is shared on social media. This free tool designs a clean card with a headline, accent color, and logo, then exports the PNG for your og:image tag.

The image every shared link needs

When someone posts your URL on X, LinkedIn, Slack, or iMessage, the platform shows the Open Graph image. Without one you get a blank or cropped mess; with one your link looks designed.

1200×630, the size that works everywhere

We render at 1200×630 — the ratio every major platform accepts — with an auto-fitting headline so short or long titles both look composed. Download the PNG and reference it in your og:image tag.

How to make an Open Graph image

Write your headline. Type the title and eyebrow that should appear on the card.
Pick a theme and accent. Choose light or dark and set your brand accent color.
Add your logo. Optionally drop a logo into the corner.
Download the PNG. Export the 1200×630 image and add it to your og:image tag.

Frequently asked

CMS

Great cards start with great content.

An OG image is the cover; sparx CMS is the book — a fast block editor, structured content, a media library, and SEO that auto-generates meta tags, sitemaps, and JSON-LD on publish.

Explore CMS

What you get with sparx CMS.

Editor, blog, media library, structured content. Works standalone — no Builder required. The same publishing toolset whether you sell something or just write.

Block editor, fast.

No nested-popover hell. Type, format, embed, publish. Autosave on every keystroke; revisions on every save.

Structured content.

Define content types (Recipe, Author, Case Study), generate forms automatically. Schema-aware, type-safe API.

Media library.

Drag-drop with auto-WebP/AVIF transcode, focal-point cropping, alt-text suggestions. CDN-served.

CMS is one module on the sparx platform — activate it alongside storefront, CRM, CMS, email, and B2B on one data layer and one bill. Only pay for what you run.

Explore the platform See pricing

More free tools.

Every sparx tool runs entirely in your browser — free, no account, nothing uploaded.