What size should an OG image be?
Use 1200x630 pixels — a 1.91:1 ratio — which is the size every major platform is built around. Keep the file under about 1 MB, serve it over https at an absolute URL, and keep important content away from the edges because several platforms re-crop it.
The numbers that matter
| Property | Target |
|---|---|
| Dimensions | 1200 x 630 pixels |
| Aspect ratio | 1.91:1 |
| Minimum that still renders large | 600 x 315 pixels |
| File weight | Under 1 MB is comfortable; several platforms refuse to fetch very large files |
| Format | PNG or JPEG. WebP support is inconsistent. Animated GIFs show only the first frame. |
| Protocol | https, publicly reachable, no redirect chains |
| URL | Absolute. A relative path is ignored. |
The safe area
Different platforms crop differently. X's summary card takes a square from the middle; some mobile clients trim the sides; Discord scales it down hard.
Treat the middle 1000x500 as the area that always survives, and keep text out of the outer band.
What goes wrong when the size is off
- Too small: the platform downgrades to a small square thumbnail, losing the whole point of the image.
- Wrong ratio: the picture is centre-cropped and your headline loses its top or bottom.
- Too heavy: WhatsApp and some mobile clients skip the download and show no image at all.
- Relative URL: the tag parses but resolves to nothing, so the card falls back to a plain link.
How much text to put on it
Less than you think. The card already shows your title and description as real text beneath the image, so repeating them wastes the space.
One short line — five words or fewer — plus your logo and a clean visual reads well at thumbnail size, which is where most people see it.
Declare the dimensions
Telling the platform the size up front lets it lay out the card before the image finishes downloading, which avoids a first render with no picture.
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />Sources
Keep going
Now check it on your own site.