Open Graph Images: What They Are and How to Create One
What is an Open Graph image?
An Open Graph (OG) image is the preview image that appears when you share a web page link on Facebook, Twitter, LinkedIn, WhatsApp or iMessage. Without one, platforms use a random image from the page — often a logo or an irrelevant photo. A good OG image dramatically increases click-through rates.
Create OG Image Free →The correct OG image size
The standard OG image size is 1200 × 630 px at 72 DPI. This ratio (1.91:1) works across all major platforms. Using a different size results in cropping or borders around the image.
How to add OG image to your website
Add this to the <head> of your HTML:
<meta property="og:image" content="https://yoursite.com/og-image.png" />
<meta property="og:title" content="Page Title" />
<meta property="og:description" content="Page description" />
What makes a good OG image?
- Clear headline text — readable even as a small thumbnail
- Brand colors — consistent with your site design
- Logo or brand name — so people recognise the source instantly
- No clutter — one message, one image, one CTA
- High contrast — text must be readable on all backgrounds
Test your OG image
After adding the meta tag, use the Facebook Sharing Debugger or Twitter Card Validator to see exactly how your link preview will appear. These tools also let you force a cache refresh if you have updated the image.
Why is my OG image not showing on social media?
Most likely a caching issue. Facebook and LinkedIn cache OG data aggressively. Use the platform debugger tools to force a refresh. Also make sure the image URL is absolute (starts with https://) not relative.
Can I use the same OG image for every page?
Technically yes, but it reduces engagement. Unique OG images per post or page perform significantly better, especially on LinkedIn and Twitter.