Open Graph image (practical)
Recommended1200×630 ~1.91:1
Practical cross-network og:image. Close to X’s common 1200×628 card habit—same framing rules.
Use in toolOpen Graph · Image size
Open Graph Image Size
Open Graph share images commonly use 1200×630. Keep the headline in the center band, then download in your browser before you set og:image.
Browser crop · stays on your device
Crop your Open Graph image
1200 × 630
Add a photo to crop
Upload a story photo or flat graphic—or try the sample—then keep the headline inside the center band before you download.
Size specs
Publish 1200×630 as the primary og:image. X (Twitter) cards often cite 1200×628—nearly identical ~1.91:1 framing. Do not confuse this with a profile cover or a tall feed post.
Publish
Export this for Open Graph upload.
| Asset | Pixels | Ratio | Notes | Action |
|---|---|---|---|---|
| Open Graph image (practical) Recommended | 1200×630 | ~1.91:1 | Practical cross-network og:image. Close to X’s common 1200×628 card habit—same framing rules. | Use in tool |
One wide card powers most link unfurls
When someone shares your URL on Facebook, LinkedIn, Slack, iMessage, and many other clients, crawlers look for og:image. The practical cross-network size is 1200×630 (~1.91:1). That card is the sales pitch for the click—long before anyone opens the page.
X (Twitter) summary cards commonly land near 1200×628—two pixels shorter, same visual habit. Designing at 1200×630 and keeping the subject in the center band covers both without shipping two nearly identical masters for every page.
Covers, banners, and tall feed posts are different jobs. Stretching a Facebook cover or an Instagram 4:5 photo into og:image usually clips headlines or leaves empty bars. Export a dedicated share card with large type and quiet edges.
After you download, set the absolute HTTPS URL in your og:image tag (and twitter:image when you maintain X tags). Caches linger—if you swap art mid-campaign, expect some clients to show the old card until refresh.
Good vs weak crop
Same short banner strip—quiet lower-left for the avatar, subject in the open mid/right band.
Clear ~1.91:1 share card
- True 1200×630 export
- Headline in the center band
- Works beside 1200×628 X cards
Cover or post forced into OG
- Profile cover stretched into OG
- Micro type after compression
- Unstable or relative image URL
Before you upload
Tick these off against your crop preview—nothing is saved.
Related surfaces compared
Similar-looking slots often use different ratios—do not reuse one export for all of them.
Open Graph image
1200 × 630
This page. Primary og:image habit.
X card crossover
1200 × 628
Nearly identical framing—center-safe design covers both.
Facebook link preview
1200 × 630
Same pixels—Meta-specific guide also available.
Threads link preview
1200 × 600
Close 2:1 habit—separate guide.
| Surface | Typical size | Note |
|---|---|---|
| Open Graph image | 1200 × 630 | This page. Primary og:image habit. |
| X card crossover | 1200 × 628 | Nearly identical framing—center-safe design covers both. |
| Facebook link preview | 1200 × 630 | Same pixels—Meta-specific guide also available. |
| Threads link preview | 1200 × 600 | Close 2:1 habit—separate guide. |
1200×630 vs X’s common 1200×628
Two pixels of height difference does not change the design brief. Keep subjects centered; either pixel size reads as the same ~1.91:1 card family across networks.
- X link card — Often ~800×418 display / large 1200×628 masters
- Primary here: 1200×630 for og:image.
- One center-safe master usually covers both.
Meta tags after you crop
Cropping is only half the job. Crawlers need an absolute image URL, correct content type, and a page that returns the tags on first HTML response when possible.
- Use https://… absolute paths—not relative /img/og.png only.
- Keep file weight reasonable for social crawlers.
- Re-check after CDN or CMS cache clears.
File requirements
JPG suits photos; PNG suits flat graphics. Prefer sRGB. Aim for a file that loads quickly on mobile networks.
- Open Graph image
- 1200 × 630 px (~1.91:1)
- X card crossover
- 1200 × 628 px
- Formats
- JPG or PNG (sRGB)
- Best for
- og:image / link unfurls
Common mistakes
- Using a Facebook cover as the only og:image.
- Parking the headline on the far edge.
- Relative image URLs that crawlers cannot resolve.
- Forgetting that caches keep old art after you swap files.
How to use the crop tool
Upload a graphic, choose Open Graph image (1200×630), keep the title inside the center band, then download. Cropping stays in your browser.
- Judge the result at chat-preview size.
- Publish the absolute URL in og:image.
- Verify on at least two networks after go-live.
After you download
From this download to a live upload in a few minutes.
- 1
Download the 1200×630 JPG or PNG from the tool.
- 2
Host the file on HTTPS and set og:image to the absolute URL.
- 3
Optionally set twitter:image to the same file (or a 1200×628 twin).
- 4
Share the URL and confirm unfurls; use platform debuggers when caches stick.
Frequently asked questions
What size should Open Graph images be in 2026?
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.
Should I also make 1200×628 for X?
Optional. A center-safe 1200×630 master usually covers the X 1200×628 habit. Export a twin only if your pipeline requires exact pixels.
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 images in the browser?
Yes. This guide includes an in-browser crop—files stay on your device until you download and publish yourself.