In this article
What Are Open Graph Images and Why They Matter
Open Graph (OG) images are the preview thumbnails that appear when a URL is shared on social media platforms like Facebook, X, LinkedIn, and messaging apps. The standard size is 1200 by 630 pixels. A well-designed OG image significantly increases click-through rates by making shared links visually compelling in feeds.
Without a custom OG image, platforms either show no preview or auto-generate a low-quality screenshot. A purpose-built OG image with a clear title, branding, and attractive background communicates the content of the link at a glance and establishes visual credibility before the user even clicks.
How the OG Image Generator Works
Enter your title and subtitle, choose a background style, and generate a properly sized OG image instantly.
- Enter text content — type your page title and optional subtitle that will appear on the OG image
- Customize the design — choose a gradient background or solid color, adjust text size and positioning, and the title automatically scales to fit the 1200 by 630 canvas
- Download the OG image — export the generated image at the standard 1200 by 630 pixel resolution ready for use in HTML meta tags
Try it free — no signup required
Open OG Image Generator →When To Generate OG Images
Every page with a shareable URL benefits from a custom OG image.
- Blog posts and articles — generate unique OG images for each blog post to make shared links stand out in social media feeds and messaging apps
- Product and landing pages — create branded OG images for product pages to ensure professional-looking previews when customers share links
- Event and campaign pages — produce eye-catching OG images for event announcements and marketing campaigns that drive clicks from social media shares
Frequently Asked Questions
Why is the size 1200 by 630?
The 1200 by 630 pixel dimension is the recommended size specified by the Open Graph protocol and supported by all major social media platforms. This 1.91 to 1 aspect ratio displays correctly on Facebook, X, LinkedIn, and messaging previews without cropping.
How do I use the generated image on my website?
Upload the image to your server or CDN, then add an og:image meta tag in the HTML head of the page pointing to the image URL. Most website builders and CMS platforms have a field for this in their SEO settings.
Does the title auto-scale?
Yes. The generator automatically adjusts the font size to fit longer titles within the 1200 by 630 canvas without overflow. It measures the text width and reduces the font size incrementally until the title fits comfortably with proper margins.