OG Image Maker
Design the 1200×630 card that shows when your link is shared on X, LinkedIn, Facebook or Slack. Title, subtitle, gradient or photo — rendered in your browser.
Content
Background
What this tool does
An Open Graph image is the picture social networks and chat apps show alongside a shared link. This tool draws one live on a canvas as you type: a bold title that wraps up to three lines, an optional subtitle, your domain in the corner, and either a gradient or a photo background with a legibility overlay. Download the PNG and reference it from your page's og:image tag.
Writing a good card
- Title first. Most people see the card before the link text. Say what the page is in five to eight words.
- Subtitle is optional. Use it for a one-line benefit or the author's name; skip it if the title stands alone.
- Domain, not URL. The corner label is for recognition ("yoursite.com"), not navigation.
- Contrast. Darker gradients and the overlay slider exist because white text on a busy photo is unreadable at thumbnail size.
Where it's used
X/Twitter (with summary_large_image), Facebook, LinkedIn, Slack, Discord, WhatsApp, Telegram, iMessage, Teams and most link-preview bots read og:image. 1200×630 is the one size that works across all of them.
Frequently asked questions
What size should an Open Graph image be?
1200×630 pixels (a 1.91:1 ratio) is the size Facebook, LinkedIn, Slack, WhatsApp, iMessage and X's large-card format all render well. Keep text inside roughly the central 80% — some platforms crop the edges on mobile. This tool always outputs exactly 1200×630 PNG.
How do I add the image to my page?
Upload the PNG to your site and add <meta property="og:image" content="https://yoursite.com/path/og.png"> plus <meta name="twitter:card" content="summary_large_image"> to the page's <head>. Include og:image:width and og:image:height (1200 / 630) so platforms don't have to fetch the image before rendering the card.
Can I use my own photo as the background?
Yes — switch Background to Image and upload one. It's scaled to cover the 1200×630 frame and centred, with an adjustable dark overlay so the white text stays legible. The photo never leaves your browser.
Why doesn't my share preview update?
Platforms cache OG images, sometimes for days. After changing the image, run the URL through Facebook's Sharing Debugger, LinkedIn's Post Inspector, or X's Card Validator to force a refresh — or change the image filename.
Can I change the font?
The card uses your system's UI font (San Francisco on Apple devices, Segoe UI on Windows, Roboto on Android) rendered with Canvas, so the exact look depends on the device you generate it on. It is deliberately kept to one bold weight for the title and a regular weight for the subtitle — that combination reads well at thumbnail size on every platform.
Is this private?
Yes. The card is drawn on a canvas in your browser and the PNG is encoded on your device; nothing is sent to a server. The page works offline.