OG Image Generator

Why do Open Graph images matter?

When a link is shared on X, LinkedIn, Slack, or iMessage, the platform reads the page's og:image meta tag and renders that image as a large preview card alongside the title and description. A page with no og:image, or a generic/irrelevant one, gets a plain text link that people scroll past; a well-designed one with the actual title readable at thumbnail size gets noticeably more clicks. It's one of the highest-leverage, lowest-effort pieces of on-page SEO and social distribution.

This tool generates that image at the standard 1200×630 dimension — the size nearly every platform expects — by drawing your title, subtitle, author, and chosen colors onto a canvas, so you get a downloadable PNG you can reference from your og:image tag without needing a design tool.

When to use it

Use it for any page that will be shared — blog posts, product pages, documentation, portfolio pieces — where you want a consistent, on-brand preview instead of relying on a screenshot or a generic site logo. It's especially useful for content sites publishing many pages, where hand-designing a unique image per post in a design tool doesn't scale; generating a text-driven template here takes seconds per post.

Keep the title short — long titles wrap across multiple lines and can start crowding the 630px height, especially once the subtitle and author line are factored in. Aim for under ~60 characters so it wraps at most two or three lines with room to spare.

Example

Set title to "10 Regex Patterns Every Developer Should Know", subtitle to "A practical guide with copy-paste examples", author to your site name, and pick a dark background (#1e1e2e) with a light text color (#cdd6f4) and a blue accent (#89b4fa) for the stripe and subtitle. Generate produces a 1200×630 PNG with the title word-wrapped to fit, the subtitle beneath it in the accent color, and a subtle grid pattern and gradient for visual texture — download it and reference it directly as your page's og:image.