Open Graph Image PropertyRequired
og:image
The og:image tag specifies the preview image URL displayed when your webpage is shared on social networks and chat messaging apps.
Tag Syntax
property="og:image"Recommended Size / Limit1200x630 px (1.91:1)
Protocol RequirementMandatory for OGP
HTML Code Example
<meta property="og:image" content="https://example.com/images/og-banner.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Best Practices
- •Use 1200 x 630 pixels (1.91:1 aspect ratio) for full-width large preview banners.
- •Always use absolute HTTPS URLs (e.g. https://domain.com/banner.png).
- •Keep file sizes under 1 MB for fast crawler fetching (WhatsApp strictly requires <300 KB).
- •Specify og:image:width and og:image:height to allow crawlers to render layouts immediately.
Platform Rendering Rules
FacebookRequires minimum 600x315 px for large cards; smaller images render as thumbnails.
LinkedInRequires 1200x627 px for wide feed preview banners.
WhatsAppEnforces strict 300 KB file size limit for image thumbnails.
DiscordSupports PNG, JPEG, WebP, and animated GIF preview images.
Common Implementation Pitfalls
- ✕Using relative URLs like /images/og.png which fail on social bots.
- ✕Oversized images exceeding file limits causing bot timeouts.
- ✕Placing critical text near outer borders where mobile cropping occurs.