Design a 1200×630 social card in the browser and download it as a PNG, ready to use as your og:image.
How to use the OG image generator
- Add your title, a short line and your brand colours.
- Adjust the layout in the live preview.
- Download the PNG and reference it in your og:image tag.
What works on a social card
Large, short text (it is often seen small), strong contrast, and your logo. Keep important content away from the edges; some networks crop.
Checking your card
The preview is the exact 1200×630 image you'll download. The title wraps onto at most three lines, so anything past the third line is dropped; aim for under about 8 words. Shrink your browser window or look at the preview from across the room: in a feed the card is shown at around 500 px wide, so if the subtitle is hard to read now it will be unreadable there. Dark backgrounds with a bright accent stand out in light feeds. "Copy meta tags" gives you the og:image and twitter:card lines, pointing at /og-image.png on the domain you entered.
Common problems
Text too long, so the subtitle collides with the bottom. Low contrast between text and background. The image uploaded but the tag still points to an old file name. The PNG served from a page that requires login. And forgetting that networks cache: after changing the image, use a new file name or the network's debugger so the new card shows up.