Website share card guide
Open Graph Image Size: 1200 × 630 px
A 1200 × 630 px landscape is the working canvas for an Open Graph image — the card that appears when someone shares your page on social platforms or in messaging apps. The editor's OG preset preselects exactly this size, so the crop frame matches the destination from the first step.
What the OG image actually does
When a link to your page is shared, the platform assembles a preview card from the page's metadata, and the og:image is its visual. Unlike a feed post you publish, a share card is produced by other people's shares — which is exactly why it is worth designing deliberately: it is often the first impression your page makes, and you do not control the context it appears in.
The 1.91:1 ratio at 1200 × 630 px is wide rather than tall, which changes how the layout should be built compared with portrait social canvases: strong horizontal composition, a subject or wordmark that survives small display, and no important detail resting on the outer edges where cards get visually cropped or rounded.
Design habits that survive every card
- Start at 1200 × 630.
Use the OG preset so the canvas matches the share-card shape from the start. - Keep words short and large.
A text layer with the page title, or a clean product shot with the logo — one idea, readable at thumbnail scale. - Leave the edges quiet.
Rounded corners and tight crops in cards eat borders; keep the message inside a central safe area. - Export and test the share.
Check the exported file, then share the page once yourself to see the card as others will.
Common questions
Is this the same ratio as a YouTube thumbnail?
Both are wide, but not identical: a thumbnail is 16:9 at 1280 × 720, while an OG card is 1.91:1 at 1200 × 630. The editor keeps them as separate presets; do not reuse one for the other unless the difference does not matter for your design.
Do all platforms show the card the same way?
No. Display size, rounding, and cropping differ per platform and change over time, and each platform reads its own meta tags. The 1200 × 630 canvas is the practical common ground — design for it, then check the actual card on each platform you care about.
I updated my image — why does the old card still show?
Platforms cache link previews. The new file needs to be deployed and reachable at its URL, and most platforms offer a debugger or the simple expedient of sharing with a cache-busting query parameter to force a refresh. SizeCraft prepares the image; the metadata and caching live on your site.