Generate stunning Open Graph images for your blog posts, tools, and web pages. Customize title, description, category, and branding. Free, instant, no signup.
Everything you need to know about using our OG Image Generator
An OG (Open Graph) image is the preview image shown when you share a URL on Twitter, LinkedIn, Facebook, Slack, or WhatsApp. Without one, platforms show a blank or generic thumbnail. A custom OG image dramatically increases click-through rates.
The standard size is 1200×630 pixels, which is what all major platforms (Twitter, Facebook, LinkedIn, WhatsApp, Slack) display correctly. This tool generates images at exactly that size.
Yes. Your domain, logo letter, tagline, and accent colours are automatically saved to your browser's localStorage. They load the next time you visit so you never have to re-enter them.
Absolutely. Paste the generated URL directly into your page's og:image meta tag. The image is generated on-the-fly from URL parameters, so every post gets a unique, perfectly-branded image automatically.
Copy the generated URL and add it to your HTML: <meta property="og:image" content="YOUR_URL">. In Next.js, add it to your metadata's openGraph.images array. For WordPress, paste it in your SEO plugin's social image field.
Generate professional Open Graph images for free. The OG Image Generator creates perfectly-sized 1200×630 images with your title, description, category badge, and brand colours. Your branding (domain, logo, tagline, accent colours) saves automatically to your browser so every image is consistent with your site identity. Use the generated URL directly in your og:image meta tag for instant, dynamic images — or download the PNG to host yourself.
Enter your page title and description. Choose a category preset or set custom accent colours. Your branding is loaded from saved settings automatically. Preview the image live as you type. Copy the URL to paste into your meta tags, or download the PNG file. For dynamic blogs, use the URL pattern with query parameters to auto-generate unique images for every post.
Blog posts - unique branded image for every article without manual design work
Tool pages - auto-generated previews when tools are shared on social media
Landing pages - professional link previews that increase click-through rates
Documentation - visual previews for guides and tutorials shared on Slack/Teams
E-commerce - product page previews with consistent branding for social sharing
Discover more tools that complement your workflow
Helpful articles to get the most out of our tools
How to auto-generate unique Open Graph images for every page on your site without Figma, Photoshop, or any manual design work.
Comparison of the best free Open Graph image generators: Keynou, Placid, Bannerbear, og-image.vercel.app, and Canva. Features, limits, and which to use when.
Complete guide to adding Open Graph images in Next.js 13/14/15 App Router using generateMetadata, opengraph-image.tsx, and a custom /api/og route.
Data-backed OG image best practices: the right dimensions, typography, contrast, branding, and text length to maximise click-through rate on social media.
The exact OG image dimensions for Twitter, LinkedIn, Facebook, WhatsApp, Slack, and Discord. Plus best practices for resolution, file size, and safe zones.
Learn what Open Graph images are, why they matter for SEO and social sharing, and how to create one free in under 2 minutes.
Create branded Open Graph images in real time. All branding is saved in your browser.
Shown as a pill badge on the image.