OG Image Generator

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.

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.

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.

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.

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.

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.

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.

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.