Make an Open Graph image in the browser
The 1200×630 image that shows when a link is shared — title, subtitle, accent color, and footer on a clean canvas, exported as PNG.
Tools used in this guide
The job
Every link shared to chat or social pulls an og:image — or an ugly default. A simple text-on-canvas card at the standard 1200×630 fixes it in seconds, without opening a design tool.
Fill in the text
Enter a title (required), an optional subtitle and footer, pick a dark or light theme and an accent color, and preview the layout. The canvas auto-fits the title text; download gives a PNG.
- Title is capped at 120 characters, subtitle 160, footer 80 — longer text needs an editor.
- Long titles wrap to up to three lines and shrink to fit; anything still overflowing is flagged as trimmed.
Worked example
Title "Release notes", subtitle "What's new this month", footer "example.com" on the dark theme with an amber accent produces a readable share card at standard size.
Where it stops
Fixed 1200×630 PNG only — no custom sizes, background images, or fonts beyond the system stack. Emoji and exotic glyphs depend on your OS fonts. The export is a single raster image; the HTML meta tags to use it are yours to write.