Check Open Graph Image Size Before Sharing a Page
A practical guide to social preview image dimensions, aspect ratios, file size tradeoffs, and metadata QA before publishing.
Introduction
Social previews often fail quietly. The page is live, the title is fine, but the image is cropped awkwardly, too small, too heavy, or missing from metadata.
The Open Graph Image Size Checker helps review dimensions, ratio, and practical size guidance before a page is shared.
Real-world scenario
You export a guide cover at 900 by 900 pixels. It looks good as a square, but the page preview expects a wide card. A 1200 by 630 pixel image is often a better starting point for wide social cards.
The checker helps you catch that mismatch before the link is posted.
What to check
Dimensions. Confirm the image is large enough for common preview cards.
Aspect ratio. Wide cards and square previews crop differently.
Readable safe area. Keep logos and key text away from the edges.
File size. Compress enough for practical loading, but avoid destroying small text.
Common mistakes
Using a screenshot as-is. Screenshots may include unreadable UI and odd aspect ratios.
Putting important text at the edge. Some platforms crop previews differently.
Changing the image but not metadata. The Open Graph URL should point to the asset you intend to share.
Practical QA pass
Review the image and metadata as one unit. The file can be perfectly sized while the page still points to an older image URL, a relative path that resolves incorrectly, or a generated asset that has not been deployed. Use the page URL, not only the image file, when doing the final preview check.
Keep a simple safe area rule for text and logos. Put the key subject near the center, leave breathing room around edges, and preview the asset at a smaller size. If the headline is unreadable in a narrow preview, resize the text or simplify the card before publishing.
Limits
The checker reviews image properties and common guidance. Social platforms can cache old images or apply their own cropping and preview logic.
Next steps
- Open Graph Image Size Checker — review preview image dimensions and ratio
- Meta Tag Previewer — check the metadata around the image
- Image Cropper — frame the asset for a card ratio
- Image Compressor — reduce file size while checking quality
Final practical note
After changing an OG image, check the page metadata and cache behavior together. A perfect image file does not help if the page still points to the previous asset.