Guide
Recommended Open Graph Image Size for Social Sharing
Use practical OG image dimensions so shared links show a clean preview on social apps and messaging platforms.
If your shared links look cropped, blurry, or inconsistent, the image size is often the cause. A clear Open Graph image standard helps every new page look better when shared.
Start with a safe default size
For most websites, 1200×630 pixels is the most reliable Open Graph image size. It fits the common 1.91:1 ratio used by major social platforms.
You can publish larger images with the same ratio, but this baseline is usually enough for sharp previews and predictable rendering.
Keep the composition center-safe
Some apps crop previews slightly differently. Keep logos, faces, and key text near the center area so they are not cut off.
Avoid placing important text too close to the edges, especially on the top and bottom.
Practical export checklist
Before upload, run a quick quality pass.
- Use 1200×630 as your primary export.
- Use JPG for photos, PNG when sharp text or flat graphics matter.
- Keep file size reasonable so bots can fetch it quickly.
- Use an absolute HTTPS URL in og:image.
- Make sure the image is publicly accessible (no login needed).
Match your metadata and image
A strong preview is not just the image. Keep og:title, og:description, and the visual message aligned.
When title and image conflict, users trust the preview less and click less often.
Test after publishing
After updating metadata, run the page URL through an Open Graph checker to confirm the fetched image and text.
If old data still appears, request recrawl or clear caches in the platform debugger.
When this guide helps
- Launching blog posts and landing pages.
- Updating a site-wide social preview template.
- Fixing inconsistent previews across teams.
- Preparing multilingual page assets.
Use one reliable baseline
Pick one recommended size, reuse it consistently, and test before publishing. That simple workflow prevents most preview-image issues.