Open Graph image size guide
The practical dimensions, aspect ratio, and file-prep rules for social share images that need to preview cleanly.
This page exists because the query is stable and operational. The useful answer is fast: the dimensions, the ratio, the safe crop mindset, and the implementation note.
Recommended size
1200 × 630 px
Aspect ratio
1.91:1
Watch closely
Center-safe crops and file weight
Recommendation
Use 1200 × 630 pixels as the default Open Graph image size. Design with a center-safe composition so platform crops remain acceptable.
Basic Open Graph markup
<meta property="og:image" content="https://image4.io/social/cover.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Operational notes
- Export a dedicated social image instead of reusing the on-page hero blindly.
- Keep important text away from the outer edges.
- Use a clean, readable composition at thumbnail scale.
Why this page works as pSEO
The intent is narrow and consistent. Searchers want a trustworthy reference, not an essay.
Checklist
- Use 1200 × 630 as the default share-card size.
- Keep text and key visuals center-safe.
- Export a separate social asset when needed.
- Verify the preview after publishing.
Common mistakes
- Reusing a portrait or square hero image without checking the crop.
- Packing too much text into the social card.
- Ignoring preview validation after publishing changes.
Quick answers
What is the best Open Graph image size?
1200 × 630 pixels is the safest default for most web pages and social previews.
Can I reuse the article hero image as og:image?
Sometimes, but only if the crop and aspect ratio still work in social previews.
Related pages
Use Case
Best image format for blog images
How to choose the right format for editorial hero images, in-article visuals, and share previews.
Reference
Blog featured image size guide
Recommended dimensions and aspect-ratio rules for article featured images that need to work on-page and across social previews.
Reference
Hero image size guide for websites
How large hero images should be before responsive resizing, and how to avoid giant full-bleed assets that slow the page down.
From the archive
AI-Generated Blog Thumbnails: The Cost-Effective Strategy That Can Boost Your Click-Through Rate up to 30 %
Discover how AI thumbnail generators help bloggers and content marketers create eye-catching visuals in seconds, slash design costs, and lift CTR. Includes step-by-step workflow, real-world case studies, tool comparison, SEO checklist, and pro tips.
Decoding the Pixels: The Ultimate Guide to Ideal Image Dimensions for Web and Mobile (2025 Update)
Find ideal image dimensions for web & mobile. Master responsive techniques & optimization (WebP/AVIF) for sharp, fast visuals on all devices.
Understanding Image Resizing: Basics and Benefits
Boost site speed & SEO with top image resizing & optimization tools: master JPEG, PNG, WebP compression, automation, quality tips, audits & metrics.