Open Graph · Image sizes
Size the Open Graph share card on purpose
Link unfurls across Facebook, LinkedIn, Slack, and more pull og:image. Export a wide 1200×630 card, keep the headline centered, then download in your browser.
Sizes on Open Graph
Open a guide for exact pixels, safe zones, and an in-browser crop for that surface.
One wide card powers most URL previews
When someone shares your URL, crawlers look for og:image. The practical cross-network size is 1200×630 (~1.91:1). That card is the click pitch—long before anyone opens the page.
X (Twitter) cards often cite 1200×628—nearly identical framing. Design the center band once and you usually cover both. Covers, banners, and tall feed posts are different jobs—do not stretch them into og:image.
After you crop, host the file on HTTPS and set an absolute URL in your meta tags. Caches linger when you swap art mid-campaign.
Quick picks
Match the task to the guide so you do not export the wrong ratio.
- Setting og:image for a page → Open Graph image at 1200×630.
- Also maintaining twitter:image → Same center-safe master usually covers 1200×628.
- Coming from a Facebook cover → Re-crop; covers are not share cards.
- Unfurl shows old art → Cache lag—use platform debuggers or a fresh URL.
Frequently asked questions
What size should Open Graph images be?
A practical primary size is 1200×630 (~1.91:1). X cards often use 1200×628—design the center band once for both.
Is 1200×630 the same as a Facebook cover?
No. Covers are wide profile headers. Open Graph images are link share cards—export them separately.
Where do I put the image after cropping?
Host it on HTTPS and reference the absolute URL in your page’s og:image meta tag (and twitter:image if you maintain X tags).
Can I crop Open Graph sizes in the browser?
Yes. The guide on this hub includes an in-browser crop—files stay on your device until you download and publish yourself.