OG image size: 1200 by 630
1200 by 630 is the conventional open graph image, the picture that appears when a page is shared. It reduces to 40:21, about 1.9:1, at 0.76 megapixels.
At a glance
- Dimensions
- 1200 × 630 pixels
- Simplified aspect ratio
- 40:21
- Decimal ratio
- 1.9:1
- Megapixels
- 0.76 MP (756,000 pixels)
- CSS aspect-ratio
- aspect-ratio: 40 / 21;
- Preset category
- Design
- Where it is used
- The preview card image for a shared link
In detail
This size became the default across the web because several large platforms converged on a preview card near 1.91:1 at a width around 1200 pixels. It is a convention rather than a specification, which is why it holds across services that have never agreed on anything else, and why it can drift when one of them redesigns.
Getting the image to appear at all is a markup problem rather than a sizing one. The page nominates it with an og:image property in the document head, and the URL has to be absolute rather than relative, because the service fetching it has no page context to resolve against. A relative path is the single most common reason a preview shows no image.
Two further rules catch people. The image has to be reachable without a session, so anything behind authentication or a signed URL fails silently, and most services cache aggressively, so an updated image can keep showing the old one until the cache expires or is cleared through the platform's own tooling.
The image resizer has this exact size as its OG and link preview preset. Because the card is often rendered small in a feed, the text on it should be set far larger than looks comfortable at full size: a headline that reads at 1200 pixels wide can be illegible at the 300 pixels a mobile feed gives it.
Examples
<meta property="og:image" content="https://example.com/og/pricing.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">The URL must be absolute. Declaring the dimensions lets a service reserve the space before it fetches the file.
authored at: 1200 x 630
mobile feed: about 300 x 158
// set headline type at roughly four times the size that looks rightThings that catch people out
- A relative og:image URL resolves to nothing for the service fetching it. Always use an absolute URL.
- Preview caches are aggressive. Changing the file at the same URL often does not change the card until the cache clears.
- Text sized for a 1200 pixel canvas is unreadable at feed size. Design the card at the size it will be seen.
Try it: Aspect Ratio Calculator
Enter a width and a height, or a ratio and one dimension, and it solves the missing one, simplifies the ratio, counts the megapixels and gives you a copyable CSS value.
Aspect Ratio Calculator
LOCAL · Browser-OnlyCalculate and convert aspect ratios for images, videos, and screens
1920 x 1080px · 16:9 · 1.7778:1
Common Aspect Ratios Reference
| Ratio | Decimal | Common Use |
|---|---|---|
| 16:9 | 1.778 | Widescreen TV, YouTube, monitors |
| 4:3 | 1.333 | Classic TV, iPad, presentations |
| 1:1 | 1.000 | Instagram square, profile pictures |
| 21:9 | 2.333 | Ultrawide monitors, cinema |
| 9:16 | 0.563 | Phone vertical, TikTok, Reels |
| 3:2 | 1.500 | 35mm photography, MacBook |
| 2:3 | 0.667 | Portrait photography, posters |
| 5:4 | 1.250 | Large format photography, older monitors |
| 32:9 | 3.556 | Super ultrawide monitors |
| 2.39:1 | 2.390 | Anamorphic cinema, widescreen films |
Related Image and canvas sizes
All image and canvas sizes →Facebook post image size: 1200 by 630
The 1200 by 630 feed image, why it reduces to 40:21 rather than anything tidy, and why the same pixels serve as the standard link preview size.
LinkedIn post image size: 1200 by 627
The 1200 by 627 feed image, why it is three pixels shorter than the 1200 by 630 link preview shape, and whether the difference is worth a separate export.
X and Twitter post image size: 1200 by 675
The 1200 by 675 timeline image, why 16:9 at this width is a comfortable retina size, and how the timeline can crop a taller image in the preview.
Favicon at 512 by 512
The 512 by 512 icon canvas, why a favicon is a set of sizes rather than one file, and exactly which outputs the favicon generator here produces.
iOS app icon size: 1024 by 1024
The 1024 by 1024 app icon master, why the corners should be left square, why transparency is a problem, and how the smaller sizes derive from it.
16:9 aspect ratio
Where the 16:9 ratio came from, the pixel dimensions that hit it exactly, what it suits, and the places where a widescreen frame is the wrong shape.
Tools for this
- Image Resizer Free online image resizer - resize images to exact dimensions, percentage, or common presets
- Aspect Ratio Calculator Free online aspect ratio calculator - calculate and convert aspect ratios for images, videos, and screens