About the Open Graph Image Generator

The Open Graph Image Generator helps you create professional, eye-catching preview images for social media sharing. When you share a link on Facebook, Twitter, LinkedIn, or other social platforms, the Open Graph (og:image) is what appears in the link preview card.

It supports every standard ratio out of the box: 1200 × 630 (1.91:1) for Facebook and LinkedIn, 1200 × 675 (16:9) for Twitter/X summary_large_image cards, and 1080 × 1080 (1:1) for Instagram. Customize every aspect of your OG image including title, description, colors, backgrounds, gradients, icons, and branding, then export as PNG, JPG, or WebP at 1x or 2x retina resolution with a live file-size estimate so you stay under each platform's upload limit.

What is an Open Graph image?

An Open Graph (OG) image is the thumbnail image that appears when you share a webpage link on social media platforms like Facebook, Twitter, LinkedIn, and more. It's defined in your webpage's HTML meta tags (og:image) and significantly impacts click-through rates and engagement.

A well-designed OG image can increase social media engagement by up to 120% compared to posts without images.

What are the recommended dimensions?

Different platforms have different optimal sizes:

• Facebook & LinkedIn: 1200 × 630 pixels (1.91:1 ratio)
• Twitter: 1200 × 675 pixels (16:9 ratio)
• Instagram: 1080 × 1080 pixels (1:1 ratio)

The most universal size is 1200 × 630 pixels, which works well across most platforms. Always use at least 1200px width for high-quality display on modern devices.

Can I use my own background image?

Yes! You can upload your own background image in the Design tab. The tool supports JPG, PNG, and WebP formats. You can also adjust the background opacity to create overlay effects that keep your text readable over busy images.

What file format should I use?

For Open Graph images, use:

• PNG: Best for images with text, logos, and graphics with transparency
• JPG: Best for photographic backgrounds, smaller file size
• WebP: Modern format with excellent compression (supported by most platforms)

Keep file size under 5MB for optimal loading speed. Most social platforms will compress the image anyway, so PNG is typically the safest choice for quality.

How do I implement the OG image on my website?

After generating and downloading your image, upload it to your website and add these meta tags to your HTML <head> section:

<meta property="og:image" content="https://yoursite.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="https://yoursite.com/og-image.png">

Use absolute URLs (full https://...) for the image path. Test your implementation with Facebook's Sharing Debugger or Twitter's Card Validator.

Open Graph Image Generator — Free og:image and social card maker. Create link preview images for Facebook, Twitter, LinkedIn. Export PNG, JPG, or Web — **Open Graph Image Generator**

Can I add my logo to the OG image?

Yes! You can upload a logo or icon and position it (left, center, or right) on your OG image. This helps with brand recognition and makes your shared links more professional and trustworthy. Transparent PNG logos work best for flexibility with different backgrounds.

What is the maximum OG image file size?

Each platform enforces its own ceiling. Twitter/X rejects images over 5 MB. Facebook recommends keeping og:image files under 8 MB (and ideally well below for fast crawling). LinkedIn accepts roughly up to 5 MB. If a photo-heavy background pushes you over the limit, switch this tool's export format to JPG or WebP and lower the quality slider — both compress dramatically more than PNG. The live size estimate next to the format selector shows your current file size before you download, so you can confirm you are under the limit.

Why is my OG image not updating? How do I clear the cache?

Social platforms cache the first og:image they scrape, so a new image often will not appear right away. To force a refresh: on Facebook, open the Sharing Debugger (developers.facebook.com/tools/debug), paste your URL, and click 'Scrape Again'. On LinkedIn, use the Post Inspector (linkedin.com/post-inspector) and re-inspect the URL. On Twitter/X, the Card validator and a fresh share usually refresh it. Adding a version query string to the image URL (e.g. og-image.png?v=2) also defeats stubborn caches.

PNG vs JPG vs WebP — which export format should I pick?

It depends on your background. PNG is lossless and ideal for flat colors, gradients, text, and logos with sharp edges, but file size grows fast with photos. JPG is best for photographic backgrounds and produces much smaller files — perfect when you need to drop below Twitter's 5 MB limit. WebP offers the best compression of all and is supported by Facebook, LinkedIn, and X, making it a great default for photo-rich cards. Use the quality slider (50–100%) with JPG or WebP to balance sharpness against file size, and pick the 2x option for crisp retina display on high-DPI screens.

What is the difference between Twitter summary_large_image and summary cards?

Twitter/X supports two card types. 'summary_large_image' shows a big, full-width banner using a 1200 × 675 (16:9) image — this is what most blogs and marketing pages want, and it is the 1200 × 675 'Twitter' preset in this tool. The plain 'summary' card shows a smaller square thumbnail (around 1:1) beside the text, better suited to icons or avatars. Set the card type in your meta tags with <meta name="twitter:card" content="summary_large_image"> and provide a matching twitter:image.