OG Image Generator
Create Open Graph images for link previews on Twitter, LinkedIn, Facebook and more. Customize title, description, logo, and background, then export at 1200×630.
A Powerful Screenshot Editor
BrandBird turns your screenshots into beautiful graphics.
Layout
Copies
Images
Background
What is an OG image?
An OG (Open Graph) image is the preview graphic shown when someone shares your link on social media. It's controlled by the og:image meta tag in your HTML. A well-designed OG image makes your links stand out in feeds and can significantly boost click-through rates.
How to add your OG image
Frequently Asked Questions
What is an OG image?
An OG (Open Graph) image is the preview image that appears when you share a link on social media platforms like Twitter/X, LinkedIn, Facebook, Slack, and Discord. It's defined by the og:image meta tag in your page's HTML and is typically 1200×630 pixels.
What size should an OG image be?
The recommended size for OG images is 1200×630 pixels (1.91:1 aspect ratio). This works well across all major platforms including Twitter/X, LinkedIn, Facebook, Slack, and Discord. BrandBird's OG Image Generator exports at exactly this size by default.
How do I create an OG image for free?
Use BrandBird's free OG Image Generator. Add your page title, description, and optionally a logo and screenshot. Choose a background (solid color, gradient, or custom), adjust the border radius, and download your 1200×630 PNG — ready to use as your og:image.
What is the Open Graph protocol?
The Open Graph protocol is a standard created by Facebook that lets web pages describe themselves to social platforms using meta tags like og:title, og:description, og:image, and og:url. These tags control how your page appears when shared as a link preview card.
How can I preview my OG image before publishing?
BrandBird's OG Image Generator shows a live preview as you edit. For testing your deployed og:image tag, use tools like Twitter Card Validator, LinkedIn Post Inspector, or Facebook Sharing Debugger to see exactly how your link preview will appear.
Do OG images improve click-through rates?
Yes. Posts with custom OG images get significantly more engagement than those with auto-generated or missing previews. A well-designed OG image with clear title text, branding, and a relevant visual can increase click-through rates by 2–3× on platforms like Twitter/X and LinkedIn.
What's the best format for OG images — PNG, JPEG, or WebP?
PNG is the safest choice for OG images because it supports transparency and renders text crisply. JPEG works well for photo-heavy images and produces smaller files. While WebP is more efficient, some older social media crawlers may not support it yet, so PNG is recommended.
How do I add an OG image meta tag to my HTML?
Add this tag inside your <head>: <meta property="og:image" content="https://yoursite.com/og-image.png" />. Also include og:title, og:description, and og:url for a complete link preview. For Twitter/X, add <meta name="twitter:card" content="summary_large_image" /> to display the large preview card.