Facebook cover photo size: 820 by 312
820 by 312 is the cover photo frame. It simplifies to 205:78, about 2.63:1, and comes to just 0.26 megapixels, the smallest canvas in the preset list.
At a glance
- Dimensions
- 820 × 312 pixels
- Simplified aspect ratio
- 205:78
- Decimal ratio
- 2.63:1
- Megapixels
- 0.26 MP (255,840 pixels)
- CSS aspect-ratio
- aspect-ratio: 205 / 78;
- Preset category
- Social
- Where it is used
- The banner strip across the top of a page or profile
In detail
The numbers reduce badly. The greatest common divisor of 820 and 312 is 4, leaving 205:78, a ratio with no memorable form at all. Its decimal value is 2.6282, so the frame is wider than 21:9 and narrower than 3:1, which is exactly the sort of shape that does not interchange with anything else you already have.
At 0.26 megapixels it is by a long way the lowest resolution preset in this set, lower even than a 512 pixel favicon canvas in total pixel count. On a high density display a file at exactly these dimensions will look soft, so the practical approach is to work at the same ratio and a larger size, then let the platform downscale.
The crop differs between contexts. A desktop layout shows a wider, shorter slice than a phone does, and the two take different parts of the same file, so a composition that fills the desktop crop can have its subject cut off on mobile. Centring the essential content and treating the outer thirds as expendable is the only reliable defence.
There is no preset at this shape in the tools here. The cropper takes 820 and 312 as a custom width and height, and the calculator will confirm the ratio and the megapixel count before you commit the export. Given how little vertical room the strip has, checking the numbers before you start designing is far cheaper than discovering the shape at the end.
Examples
gcd(820, 312) = 4
820 / 4 = 205
312 / 4 = 78
820 / 312 = 2.6282 // between 21:9 and 3:1target : 820 x 312 -> 0.26 MP
work at : 1640 x 624 -> 1.02 MP, identical ratio
// export the larger file and let the platform downscaleThings that catch people out
- Desktop and mobile crop the cover differently. Test both before publishing, or keep everything that matters in the centre.
- A file at exactly 820 by 312 looks soft on a high density screen. Supply a larger file at the same ratio.
- 205:78 interchanges with nothing else in your library. Budget a dedicated crop rather than reusing a banner from elsewhere.
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 →X and Twitter header size: 1500 by 500
The 3:1 profile banner at 1500 by 500, where the avatar overlaps it, and why a wide strip crops unpredictably between desktop and mobile.
LinkedIn banner size: 1584 by 396
The profile banner at 1584 by 396, an exact 4:1 strip, where the profile photo overlaps it, and how much of the width a narrow screen removes.
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.
Pinterest pin size: 1000 by 1500
The 2:3 pin at 1000 by 1500, why a portrait ratio wins in a masonry feed, and what happens to a pin that is taller than the recommended shape.
iPhone 15 Pro screen size: 1179 by 2556
The 1179 by 2556 device pixel resolution, the 393 by 852 layout size it corresponds to at three times scale, and why the ratio reduces to 131:284.
Tools for this
- Aspect Ratio Calculator Free online aspect ratio calculator - calculate and convert aspect ratios for images, videos, and screens
- Image Cropper Free online image cropper - crop images with preset aspect ratios and free-form selection
- Image Resizer Free online image resizer - resize images to exact dimensions, percentage, or common presets