Free [Open Graph] image generator

An Open Graph image is the picture that shows up when someone shares your link. It is the first thing a reader sees on X, LinkedIn, Slack, or iMessage, often before they read a single word of the page. This tool makes a designed one in a few seconds, at the exact size every platform expects.

Everything happens on this page. You type, you pick a background and an accent, and a live preview renders on a canvas. When it looks right, you download a PNG. No sign-up, no watermark, and nothing about your card is sent anywhere.

Open Graph is a small vocabulary of meta tags, originally from Facebook, that almost every platform now reads to build a link preview. The one that carries the most weight is og:image, the picture in the card. A blank or default preview looks unfinished and quietly costs you clicks. A sharp, on-brand image makes the same link look considered.

The size that works everywhere is 1200 by 630 pixels, a 1.91 to 1 ratio. That is the large summary card, and it is what this generator exports. Stay at that size and your card stays crisp on retina displays and never gets awkwardly cropped in a preview.

1
Write your title and subtitle
Put the headline in the title field. Keep it to a handful of words so it reads at a glance in a small preview. Add a short supporting line as the subtitle if you want one, then set your site name for the bottom corner.
2
Pick a background and accent
Choose a solid, gradient, or mesh background. The text color switches between dark and light automatically for legibility, so you never end up with grey text on a grey card. Pick an accent color, or turn it off for a cleaner look.
3
Download the PNG
Click Download and you get a 1200 by 630 PNG. Everything is rendered locally on a canvas, so the file is generated on your machine and nothing is uploaded.
4
Add it to your page
Upload the file to your site, then reference it with an absolute URL in your head, for example an og:image tag and a matching twitter:image tag. Use the full https URL, because the crawlers fetch it from outside your domain.

The best Open Graph images are readable at postage-stamp size. Most people see the card small, in a busy feed, for a fraction of a second. A few habits keep yours working at that scale:

• Lead with a short, concrete title. Six or seven words beats a full sentence when the card is only a couple hundred pixels wide.
• Keep strong contrast between text and background. This generator handles that for you, but if you build cards by hand, do not put light grey text on a pale wash.
• Give the type room to breathe. Generous margins read as intentional. A card crammed edge to edge reads as noisy.
• Reuse one background family across your site so shared links look like a set, not a pile of unrelated images.

The mesh presets in this tool are the browser version of a feature in Kapshot, the paid Mac app this generator comes from. In Kapshot, you drop in any screenshot and it lands on a soft mesh backdrop inside a real macOS window frame with a genuine shadow, so a flat grab becomes something you can put in a slide, a landing page, or a launch post without opening a design tool.

Kapshot does two things, weighted the same. It beautifies still screenshots, and it records your screen with cursor-following auto-zoom and one-click system plus mic audio. A social card sets the frame around a launch. Kapshot makes the screenshots and the demo video inside it look like you meant them. It runs on macOS 26 and later, and you pay once.

Browser tool versus the Mac app