Open Graph Image Generator

Make a clean, on-brand social share image for any page in under a minute. Pick a template, type your title, add a logo and background, check how the link will look on social cards and chat apps, then download a 1200×630 PNG and copy the meta tags.

Last updated: October 24, 2026

How to use the Open Graph Image Generator

1. Choose a template from the row of live thumbnails.
2. Type your text: the title (page or post name), an optional subtitle, your site or domain and a small tag such as Blog or Guide.
3. Style it: pick a font, accent color and background (gradient preset, solid color or your own photo) and add your logo.
4. Check the previews below the image to see how the link card will look in social feeds and chat apps, including the square crop.
5. Download the PNG (or JPG), upload it to your site and paste the copied meta tags into the page's <head>.

Open Graph image sizes by platform

One 1200 × 630 px image works almost everywhere. Platforms scale it down and some crop it, so keep text inside the central area and leave margins of about 60-80 px.

The meta tags you need

Social networks read the Open Graph protocol tags in your page's <head>. The essentials are og:title, og:description, og:image and, for X, twitter:card. Always use an absolute https URL for the image, and add og:image:width and og:image:height so the preview can appear on the very first share before the image is downloaded.

<meta property="og:image" content="https://example.com/og/my-post.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">

Design tips for share images that get clicked

• Short, big titles. In a feed the image is often 500 px wide or less. Six to ten words at a large size beat a full sentence in small type.
• High contrast. Light text on a dark gradient (or the reverse) stays readable on phones and in dark mode apps.
• Consistent branding. Use the same template, accent color and logo for every post so readers recognize your links.
• Don't repeat everything. The platform already shows the page title under the image, so the image can carry the headline plus your brand, not the whole description.
• Cache busting. When you update an image, change its file name (for example post-v2.png) so networks fetch the new version.

Frequently asked questions

Related tools