How the OG image generator works
- Pick a template from the carousel under the preview.
- Edit the text, image URLs, colours and fonts. The preview updates as you type, on Facebook, X, LinkedIn, WhatsApp and Discord.
- Download a 1200 × 630 PNG and add it to your page.
Add the image to your page
Upload the PNG to your site or CDN, then point og:image at its full URL. Declaring the width and height lets platforms lay out the card before the image downloads.
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Then check your page to see the card on every platform, or use the Twitter card validator for X.
Why 1200 × 630
It is a 1.91:1 ratio, the shape Facebook, LinkedIn, X, Slack and Discord all build their large link card around. Smaller images can drop to a thumbnail. The OG image size guide covers each platform in detail.
Frequently asked questions
Is this OG image generator free?
Yes. There is no sign-up, no watermark and no limit on how many images you download.
What size image does it make?
1200 × 630 pixels, a 1.91:1 PNG. That is the size Facebook, LinkedIn, X, Slack and Discord use for their large link card.
Can I use my own photo and logo?
Yes. Paste the URL of any public image into the image or logo field and the preview picks it up.
How do I add the image to my website?
Upload the PNG to your site or CDN, then set og:image to its full URL, including https://. Add twitter:card with the value summary_large_image so X shows it at full width.
Why does my old image still show after I change it?
Platforms cache link previews per URL. Posts that already exist keep the old card. Check the new tags are live with the OG image checker, then share the link again.