Open Graph Image Generator
Make a 1200 by 630 social card for any post, no design tool required. Free to use without an account, email address, or payment. The result downloads immediately after processing.
Make a 1200 by 630 social card for any post, no design tool required.
Type a title and optional subtitle, pick a brand colour and template, and download a 1200 by 630 PNG that previews perfectly on Facebook, X, LinkedIn, Slack, Discord, iMessage, and WhatsApp.
- Category: Image
- Availability: Free to use without an account, email address, subscription, or payment.
- Input: Entered in the browser
How it works
- Type your title and optional subtitle and footer.
- Pick a brand colour, template (gradient, solid, minimal), and layout (left or centred).
- Process and download the 1200 by 630 PNG. Paste it into your og:image meta tag.
Use cases
- Generate a social card for a new blog post in under a minute.
- Create on-brand previews for every link a marketing team posts.
- Replace the default site preview with something readable on mobile timelines.
- Ship a launch-day Open Graph image without opening Figma.
Frequently asked questions
What size is the output?
1200 by 630 pixels, the size Facebook, X (Twitter), LinkedIn, Slack, Discord, iMessage, and WhatsApp all recommend for og:image and twitter:image. It scales down cleanly to every smaller preview surface.
Where do I use it?
Upload the PNG to your site or CDN and reference it in your HTML head with: <meta property="og:image" content="https://yoursite.com/og.png"> and <meta name="twitter:image" content="https://yoursite.com/og.png">. Most CMS platforms (Next.js, WordPress, Ghost, Webflow) also have a per-page social image setting that takes this file directly.
Can I use my brand colour?
Yes. Enter any 6-digit hex colour (e.g. #1A73E8) and pick a template: gradient uses the colour as a soft accent, solid fills the whole card, and minimal uses it as a left rule. Title and subtitle colours auto-adjust for contrast on solid backgrounds.
What if my title is too long?
Titles wrap to up to three lines and clip with an ellipsis if they're longer than the card can fit. For best results, keep titles under about 60 characters so the type stays large enough to read on a phone preview.
Related tools
Using the interactive tool
Open the canonical HTML page to provide input and generate or download a result. This Markdown alternate contains the complete descriptive and instructional content, but it does not execute the interactive interface.