What size should an Open Graph image be?

1200×630 pixels (1.91:1) is the standard for the large link-preview card on Facebook, LinkedIn, X, Discord, and most platforms — and exactly what this tool exports.

How is this different from the meta tag generator?

The Open Graph & Social Card Generator writes the meta tags; this tool designs the actual image those tags point to. Use them together: make the image here, host it, then reference its URL in the og:image tag.

Is my image uploaded?

No. The card is composited on a canvas in your browser and downloaded directly — nothing is sent to a server.

Open Graph Image Generator

Design the image that shows up when your page is shared on social media. This generator exports at exactly 1200×630 — the standard Open Graph and Twitter large-image size — with a background, eyebrow label, title, description, logo, and accent color. Download the PNG and reference it from your og:image meta tag. Everything is rendered in your browser.

How to use Open Graph Image Generator

Choose a background (gradient, color, or your own image) and darken it for legible text.
Write the eyebrow (site/domain), title, and description, and optionally add a logo.
Tune the font, colors, accent, alignment, and position.
Download the 1200×630 PNG and point your og:image / twitter:image meta tag at it.

Frequently asked questions

What size should an Open Graph image be?: 1200×630 pixels (1.91:1) is the standard for the large link-preview card on Facebook, LinkedIn, X, Discord, and most platforms — and exactly what this tool exports.
How is this different from the meta tag generator?: The Open Graph & Social Card Generator writes the meta tags; this tool designs the actual image those tags point to. Use them together: make the image here, host it, then reference its URL in the og:image tag.
Is my image uploaded?: No. The card is composited on a canvas in your browser and downloaded directly — nothing is sent to a server.

More Programmer & Developer Tools

JSON Validator — Validate, parse, and prettify JSON — load it from a URL or curl command, or convert a Python dict (single quotes, True/False/None) to JSON. Identifies syntax errors with precise line number reporting.
Code Beautifier — Automatically format your JavaScript, CSS, and HTML with customizable indentation and style rules.
Minifier — Reduce bundle sizes by removing whitespace, comments, and optimizing code structure for production.
SQL Formatter & Beautifier — Pretty-print and indent SQL queries across dialects (PostgreSQL, MySQL, T-SQL, BigQuery, and more) with configurable keyword casing.
XML Formatter — Beautify and validate XML with configurable indentation, or minify it to the smallest valid output — entirely in your browser.
JSON Diff — Compare two JSON objects (or Python dicts) structurally to spot added, removed, and changed keys — or switch to line and word mode for plain text and code.
RegEx Tester — Build and test regular expressions in real-time with syntax highlighting and match group visualization.
Base64 Converter — Quickly encode and decode strings or files to Base64 format for safe data transmission.