Create Open Graph images for social sharing in seconds. Pick a style, preview your 1200x630 canvas, and download as PNG. Free, no sign-up required.
Keep it under 60 characters for best results across all platforms
Supporting line shown below the title. 70 characters or fewer recommended.
Appears as a small brand label in the bottom-left corner
Other free website tools to build, brand, and launch faster.
Design custom CSS buttons visually and copy the code instantly.
Use Tool \u2192Generate harmonious color palettes for your brand or project in seconds.
Use Tool \u2192Create favicons from text or upload an image. Download in all required sizes.
Use Tool \u2192Build CSS box shadows visually and copy production-ready code.
Use Tool \u2192How It Works
No account needed, no sign-up required. Completely free. Enter your title, pick a style, and download a pixel-perfect 1200x630 OG image in seconds.
Type the headline you want to appear on the image. Keep it under 60 characters for clean rendering across all platforms. Add an optional subtitle for supporting context.
Pick from solid colors, four gradient presets, or a dark navy background. Select white or black text depending on your background brightness. Add an optional logo text for brand recognition.
See a real-time 1200x630 canvas preview. Download the image as PNG and copy the generated OG meta tag code to paste directly into your page HTML.
OG Image Specs
This free OG image generator produces images at the exact recommended dimensions used by every major social platform.
Recommended Dimensions
1200px wide x 630px tall (aspect ratio 1.91:1)
Format: PNG or JPG, under 8MB, hosted at a stable absolute URL
The 1200x630 pixel dimension is the universal standard for Open Graph images. At this size, your image renders sharply on both mobile and desktop preview cards across Facebook, LinkedIn, Slack, Discord, and most other platforms.
PNG is the preferred format for OG images containing text and logos because it is lossless and maintains crisp edges. JPG is acceptable for photographic OG images where file size is a concern. Avoid SVG and WebP as they have inconsistent support across social platforms.
Host your OG image at a stable, absolute HTTPS URL. Relative paths are not supported by the Open Graph protocol. If you change the image URL, you must also update the og:image meta tag and refresh the cache on each platform using their respective debugger tools.
Platform Dimensions
Each platform has slightly different rendering behaviors. Use these specifications to ensure your OG images look correct everywhere.
| Platform | Recommended Size | Minimum Size | Notes |
|---|---|---|---|
| 1200 x 630px | 600 x 315px | Primary og:image tag. Cached aggressively, use the Debugger to refresh. | |
| Twitter / X | 1200 x 628px | 144 x 144px | Uses twitter:image tag. Falls back to og:image if Twitter tags are missing. |
| 1200 x 627px | 200 x 200px | Uses og:image. LinkedIn Post Inspector lets you refresh the cache. | |
| Slack | 1200 x 630px | 500 x 262px | Reads og:image automatically when a URL is pasted into a channel. |
| Discord | 1200 x 630px | 400 x 210px | Renders og:image in link embeds. Square images fall back to thumbnail. |
| 1200 x 630px | 300 x 200px | Shows og:image in link previews on mobile. Crop-safe zone is center. |
Sources: Facebook Sharing Debugger, Twitter Card documentation, LinkedIn Post Inspector, 2026.
Best Practices
Follow these guidelines to ensure your OG images render correctly and drive clicks across all platforms.
| Aspect | Do This | Avoid This | Notes |
|---|---|---|---|
| Title Length | Under 60 characters | 80+ characters | Long titles get truncated in many preview cards, cutting off your message. |
| Contrast Ratio | 4.5:1 or higher | Low contrast text | Poor contrast makes text unreadable on small thumbnails. |
| Safe Zone | Content in center 80% | Text at the edges | Some platforms crop edges. Keep key content within a safe inner area. |
| File Format | PNG or JPG | SVG or WebP | SVG and WebP have inconsistent support. PNG is the most reliable format. |
| File Size | Under 8MB | Over 8MB | Facebook rejects images over 8MB. Aim for under 300KB for fast loading. |
Best practices based on Open Graph protocol documentation and platform guidelines, 2026.
Common OG Image Mistakes
Most social sharing problems are avoidable. These six mistakes silently reduce clicks, shares, and first impressions every time your links are shared.
When you share a page without an OG image, social platforms either pick a random image from the page or display a blank card. Both outcomes reduce click-through rates dramatically. A relevant OG image can increase link clicks by up to 3x.
OG images increase social CTR by up to 3xSetting a single sitewide OG image means every page looks identical in social previews. Create unique OG images for your most important pages including homepage, product pages, blog posts, and landing pages. This tool makes it fast.
Unique OG images drive more targeted clicksLong titles and subtitles get cut off on smaller preview cards. Stick to 60 characters for your title and 70 for your subtitle. Test your image across platforms before publishing using the platform debugger tools.
Keep titles under 60 charactersSocial platforms cache OG images aggressively. After updating your image, use the Facebook Sharing Debugger, LinkedIn Post Inspector, or Twitter Card Validator to force a cache refresh. Otherwise visitors see the old image for days.
Always refresh cache after updating OG imagesMost social media is consumed on mobile. Preview cards on mobile are smaller than desktop, so text that looks clear at full size may be unreadable at half size. Use large, bold fonts and minimal text for best mobile results.
Design for 600px wide previews firstThe og:url tag tells social platforms the canonical URL for the page. Without it, each version of your URL such as with and without trailing slashes may accumulate separate share counts. Always set og:url to your canonical page URL.
Always include og:url to consolidate share countsOptimize Your Social Presence
These strategies help you turn every shared link into a high-performing social impression. CommonNinja widgets mentioned below are free to start.
Once your OG image is set, give visitors an easy way to share. Social Share Buttons widget adds one-click sharing for Facebook, Twitter, LinkedIn, WhatsApp, and more. More shares equals more OG image impressions.
Try Social Share Buttons →Reinforce the brand identity you build in your OG images with an on-page Logo Showcase. Display partner logos, press mentions, or your own brand assets to build visual credibility.
Try Logo Showcase →Use the Facebook Sharing Debugger, LinkedIn Post Inspector, and Twitter Card Validator to preview and refresh your OG image before publishing. Each platform has subtle rendering differences worth checking.
Your homepage, product pages, blog posts, and landing pages get shared most often. Build a custom OG image for each one that matches the page topic. Generic images reduce trust and click-through rates.
Always use a full absolute URL including https:// in your og:image tag. Relative paths are not supported. Host your OG images on a stable CDN or storage bucket. Changing the URL breaks cached previews across social platforms.
Adding width and height meta tags alongside og:image prevents platforms from having to download and analyze the image to determine its dimensions. This speeds up preview rendering and reduces the chance of incorrect cropping.
Preview cards are displayed at small sizes on mobile. Text that looks fine at full resolution can become unreadable in a 300px wide card. Always ensure a contrast ratio of at least 4.5:1 between your text and background.
OG tags can break during site migrations, CMS updates, or template changes. Set a quarterly reminder to audit your most important pages using a site crawler or the platform debugger tools. A missing OG image on a viral page is a lost opportunity.
OG Image Glossary
These are the five most important Open Graph meta tags. Every page that gets shared should include all of them.
| Tag | Definition | Code | When to Use |
|---|---|---|---|
| og:image | The primary Open Graph meta tag that specifies the image URL to display when a page is shared on social media. Should point to a 1200x630 PNG or JPG. | <meta property="og:image" content="URL" /> | Every page you want to look good when shared on social platforms |
| og:title | Sets the title shown in the social preview card. Separate from the HTML title tag, though many platforms fall back to it. Keep under 60 characters. | <meta property="og:title" content="Title" /> | All pages, especially those with long HTML titles that should be shortened for social |
| twitter:card | Twitter-specific meta tag that controls the card layout. Use summary_large_image for a full-width image preview above the title and description. | <meta name="twitter:card" content="summary_large_image" /> | All pages you want to display a large image preview on Twitter and X |
| og:description | Sets the description shown below the title in the social preview card. Keep under 155 characters. This is separate from the HTML meta description. | <meta property="og:description" content="Description" /> | All pages with a meaningful description to show in social cards |
| og:url | The canonical URL for the page. Tells social platforms which URL to attribute share counts to, preventing count fragmentation across URL variants. | <meta property="og:url" content="https://example.com/page" /> | All pages to consolidate social share counts to the canonical URL |
From the Blog
Dig deeper into the strategies behind Open Graph, social media marketing, and getting more clicks from every link you share.
Optimize your social sharing visuals with the perfect Squarespace image size to boost engagement and make a lasting impr...
Read article →Make your blog visually striking and cohesive by choosing the ideal Squarespace image size for every post....
Read article →