OGP Image Generator (1200×630 PNG)
Create the Open Graph image shown when your blog post or page is shared on social media, just by typing a title. Long titles are shrunk automatically to fit. The image is generated in your browser and nothing you type is sent to a server. Set the finished image in the OGP section of the Meta Tag Generator.
🔒 Runs in your browser · Your data is never sent to a server
Preview
How to use
- Enter the "Title". Optionally add a "Subtitle (optional)" and a "Site name (optional)".
- Choose the "Image size", then adjust the "Background", colors, "Font", and "Text alignment".
- Check the preview to make sure the text is easy to read.
- Click "Download PNG", upload the image to your site, and set it as the OGP image.
Notes
- Text is drawn with fonts installed on your device, so the sans-serif and serif looks vary slightly between devices.
- A long title is shrunk to fit. If it still does not fit, the end is cut off with an ellipsis.
- Social platforms sometimes crop the edges of the image. Keep titles short and avoid putting important text too close to the edges.
- To use the image, upload it to your site and point the og:image meta tag at its URL.
Glossary
OGP
Short for Open Graph Protocol, a way to specify the title, description, and image shown when a web page is shared on social media.
og:image
The OGP meta tag that sets the URL of the image shown when a page is shared. 1200×630 px is the commonly recommended size.
X card (Twitter card)
A way to control how a link looks when shared on X. Large-image cards display best with images close to a 16:9 ratio.
FAQ
What is the recommended OGP image size?
1200×630 px (about 1.91:1) is the common recommendation and is used by Facebook and most other services. For a large card on X, you can also pick 1200×675 px, which is closer to 16:9.
How do I set the generated image as my OGP image?
Upload the downloaded PNG to your site and set its URL in the og:image meta tag. The Meta Tag Generator can help you write the tags.
What happens when the title is long?
The font size is reduced automatically and the text wraps until it fits. If it still does not fit at the smallest size, the end is cut off with an ellipsis.
Are there limits on the fonts or characters I can use?
Text is drawn with the sans-serif or serif fonts on your device. Web fonts are not loaded, so glyph shapes vary slightly between devices, and emoji use your device emoji font.
Share this page