Format Map
All Facebook Formats at a Glance (2026)
Facebook is no longer one square-first feed. It is a mobile-first system that includes Feed, Stories, Reels, Cover Photo, Profile Photo, Carousel, Marketplace, and paid placements.
Start by choosing the content system, then choose the ratio. A 4:5 Feed post, a 9:16 Reel, and a desktop Right Column ad are not the same design problem.
| Format | Ratio | Recommended size | Max file | Note |
|---|---|---|---|---|
| Feed image portrait | 4:5 | 1080 x 1350px | 30MB | Mobile-first Feed |
| Feed image square | 1:1 | 1080 x 1080px | 30MB | Cross-device safe |
| Feed image landscape | 16:9 | 1920 x 1080px | 30MB | Desktop-friendly |
| Feed video | 4:5 / 1:1 | 1080 x 1350px | 4GB | Use 4:5 for mobile |
| Stories | 9:16 | 1080 x 1920px | 4GB / 30MB | Full-screen content |
| Reels | 9:16 | 1080 x 1920px | 4GB | Double safe zone |
| Cover Photo | 820:462 | 820 x 462px | 100MB | Desktop and mobile crops |
| Profile Photo | 1:1 | 170 x 170px | 15MB | Circular display |
| Carousel | 1:1 | 1080 x 1080px | 30MB / 4GB | All cards same ratio |
| Feed ad | 1:1 / 4:5 | 1080 x 1080px | 30MB | 1:1 is most universal |
| Stories / Reels ad | 9:16 | 1080 x 1920px | 4GB | Full-screen paid |
Feed Strategy
Facebook Feed: Choosing the Right Ratio for Maximum Reach
Facebook Feed supports a wide ratio range, but mobile screen occupancy is not equal. A portrait 4:5 post gives noticeably more vertical presence than 1:1, and far more than a 16:9 landscape image.
Because Facebook is overwhelmingly mobile, 4:5 should be the default for Feed reach. Use 1:1 when cross-device consistency matters more, and 16:9 when the content itself is landscape-native.
| Spec | 4:5 Portrait | 1:1 Square | 16:9 Landscape |
|---|---|---|---|
| Aspect ratio | 4:5 | 1:1 | 16:9 |
| Recommended size | 1080 x 1350px | 1080 x 1080px | 1920 x 1080px |
| Minimum size | 600 x 315px | 600 x 600px | 600 x 315px |
| Maximum file | 30MB | 30MB | 30MB |
| Format | JPG / PNG | JPG / PNG | JPG / PNG |
| Mobile screen use | Highest | Medium | Lowest |
| Desktop display | Can crop toward 1:1 | Full frame | Full frame |
4:5 desktop crop warning
4:5 desktop crop warning:
Source canvas: 1080 x 1350px
Desktop square crop: 1080 x 1080px centered
Crop buffer:
Top: 135px
Bottom: 135px
Rule: Keep faces, text, products, and logos
inside the central 1080 x 1080px area.4:5 desktop crop warning
Keep every face, headline, product, and logo inside the center 1080 x 1080px area. The top and bottom 135px work as mobile-only breathing room, not guaranteed desktop content.
| Feed video spec | Value |
|---|---|
| Recommended ratio | 4:5 at 1080 x 1350px |
| Supported range | 9:16 to 16:9 |
| Maximum file | 4GB |
| Maximum length | 240 minutes |
| Recommended length | 15-60 seconds for completion-focused edits |
| Minimum resolution | 1080px on the shorter edge as a planning target |
| Format | MP4 / MOV |
| Frame rate | Up to 60fps |
| Encoding | H.264 video, AAC 44.1kHz audio |
Full Screen
Facebook Stories: The 9:16 Full-Screen Experience
Stories are Facebook's cleanest full-screen organic format. The viewer is not comparing adjacent posts, so the creative can hold the full canvas as long as the UI overlays are respected.
The working area is generous compared with Reels: the top profile bar and bottom reply bar leave a central 1080 x 1330px area for faces, titles, products, and CTAs.
| Spec | Image | Video |
|---|---|---|
| Aspect ratio | 9:16 | 9:16 |
| Recommended size | 1080 x 1920px | 1080 x 1920px |
| Maximum file | 30MB | 4GB |
| Maximum duration | - | 60 seconds before splitting |
| Recommended duration | 5 second image display | 7-15 seconds |
| Format | JPG / PNG | MP4 / MOV |
| Frame rate | - | Up to 60fps |
Stories safe-zone overlay
Full canvas: 1080 x 1920px (9:16)
UI overlays:
Top: 250px (profile avatar, username, timestamp)
Bottom: 340px (reply bar, reactions, more options)
Left: 0px (safe to use full width)
Right: 0px (safe to use full width)
Safe Zone: 1080 x 1330px
Safe Zone position: x=0, y=250 to y=1580
Key content rule: Place faces, text, and CTAs inside 1080 x 1330pxStrict Safe Zone
Facebook Reels: The Double Safe Zone System
Reels are the most restrictive Facebook surface. The top overlay is manageable, but the bottom 35% of the frame is a large UI danger area for captions, music, and controls.
This is the most common Facebook template failure: a Story design gets reused as a Reel, and all bottom text disappears under the Reels interface.
| Spec | Value |
|---|---|
| Aspect ratio | 9:16 |
| Recommended size | 1080 x 1920px |
| Maximum file | 4GB |
| Maximum duration | 90 seconds |
| Recommended duration | 15-30 seconds |
| Minimum resolution | 1080 x 1920px planning target |
| Format | MP4 / MOV |
| Frame rate | Up to 60fps |
| Encoding | H.264 video, AAC 44.1kHz audio |
Reels double safe-zone overlay
Full canvas: 1080 x 1920px (9:16)
UI overlays:
Top: 269px (14% of 1920)
Bottom: 672px (35% of 1920)
Right: 120px (action buttons)
Left: 0px (safe to use full width)
Safe Zone: 960 x 979px
Safe Zone position: x=0, y=269 to y=1248, width=960px
Critical rule: Bottom 35% is the largest overlay.
Place no key content in the bottom third.Bottom third rule
Treat the bottom 672px as unsafe. Put subtitles, product labels, faces, and CTAs in the upper-middle working area, not near the caption and action region.
| Overlay | Stories | Reels |
|---|---|---|
| Top overlay | 250px | 269px |
| Bottom overlay | 340px | 672px |
| Right overlay | 0px | 120px |
| Safe zone | 1080 x 1330px | 960 x 979px |
| Template risk | Moderate | High if bottom text is reused |
Reels vs Stories
Reels bottom overlay is almost twice as tall as Stories bottom overlay. One 9:16 template is not enough unless it is designed to the stricter Reels safe zone first.
Branding Crop
Cover Photo: The Two-Device Cropping System
Cover Photo is the easiest Facebook asset to mis-design because desktop and mobile do not reveal the same crop. A good cover is built around the overlap, not around the full canvas.
Upload at 820 x 462px and place all key content in the centered 640 x 312px area. Use the rest as supporting background only.
| Spec | Value |
|---|---|
| Recommended upload size | 820 x 462px |
| Desktop display | 820 x 312px |
| Mobile display | 640 x 360px |
| Minimum size | 400 x 150px |
| Maximum file | 100MB |
| Format | JPG / PNG |
| Recommended format | PNG for text and logos |
Cover Photo crop system
Cover Photo Safe Zone System:
Upload canvas: 820 x 462px
Desktop display: 820 x 312px centered
Top 75px and bottom 75px are cropped
Mobile display: 640 x 360px centered
Left 90px and right 90px are cropped
Both-device safe zone: 640 x 312px centered
All logos, text, and key visuals must fit here.
Background can extend to the full 820 x 462px canvas.Identity Asset
Profile Photo: The Circle Crop Rules
Profile Photo is a square source shown as a circle. The corners disappear, and the asset shrinks sharply in Feed contexts, where it may appear around 40 x 40px.
Put the logo mark or face in the central 80% of the square. Do not use tiny text or edge-locked symbols that depend on the cropped corners.
| Spec | Value |
|---|---|
| Desktop display | 170 x 170px |
| Mobile display | 128 x 128px |
| Minimum upload | 180 x 180px |
| Maximum file | 15MB |
| Format | JPG / PNG |
| Display shape | Circular crop |
Multi-Card
Carousel Posts and Ads: The Consistency Rule
Carousel is powerful for product, education, and step-by-step content, but it is unforgiving when each card has a different shape. Visual consistency is the format.
Use 1:1 as the default. It gives every card the same crop behavior, works across organic and paid contexts, and is safer than mixing portrait and landscape cards.
| Spec | Image Carousel | Video Carousel |
|---|---|---|
| Recommended ratio | 1:1 | 1:1 |
| Recommended size | 1080 x 1080px | 1080 x 1080px |
| Supported ratio | 1:1 / 4:5 / 1.91:1 | 1:1 |
| Maximum cards | 10 | 10 |
| Minimum cards | 2 | 2 |
| Maximum file per card | 30MB | 4GB |
| Maximum video length | - | 240 minutes |
| Format | JPG / PNG | MP4 / MOV |
| Consistency rule | All cards same ratio | All cards same ratio |
Carousel consistency rule
All cards should use the same ratio. Mixed card shapes trigger automatic cropping and make swipe-through product or story sequences feel inconsistent.
Paid Media
Facebook Ad Formats: The Complete Ratio Matrix
Organic Facebook content and paid Facebook placements are not identical. Feed ads often prefer 1:1 for cross-device reliability, while mobile-first Feed ads and Reels ads need taller formats.
Plan ads by placement. A Right Column ad, a Reels ad, and a Collection ad should not share one source file.
| Ad placement | Recommended ratio | Recommended size | Best use |
|---|---|---|---|
| Feed image ad | 1:1 | 1080 x 1080px | Most universal |
| Feed image ad portrait | 4:5 | 1080 x 1350px | Mobile screen coverage |
| Feed video ad | 4:5 / 1:1 | 1080 x 1350px | Use 4:5 for mobile |
| Stories ad | 9:16 | 1080 x 1920px | Full-screen |
| Reels ad | 9:16 | 1440 x 2560px | Higher-res upload target |
| Carousel ad | 1:1 | 1080 x 1080px | All cards same ratio |
| Collection ad | 1:1 / 4:5 | 1080 x 1080px | Hero + product grid |
| Right Column ad | 1.91:1 | 1200 x 628px | Desktop only |
| Marketplace ad | 1:1 | 1080 x 1080px | Shopping placement |
| In-Stream video ad | 16:9 | 1920 x 1080px | Video pre-roll style |
Facebook Reels ad safe zone
Facebook Reels Ad Safe Zone:
Upload size: 1440 x 2560px recommended
Display size: 1080 x 1920px after scaling
UI overlays:
Top: 269px (14% of 1920)
Bottom: 672px (35% of 1920)
Right: 120px (action buttons)
Safe Zone: 960 x 979px
Same working area as organic ReelsAd text density
Keep ad image text visually light. The old hard 20% text rule is gone, but dense text still tends to weaken delivery, readability, and click performance.
Decision Framework
The Mobile-First Framework: Choose Your Ratio Before You Create
Facebook ratio decisions should start from mobile. Feed reach, Stories attention, Reels recommendations, and ad delivery all reward content that fits the phone screen and avoids UI overlays.
Use the decision tree to separate organic content from paid placements before choosing 4:5, 1:1, 9:16, or 1.91:1.
Mobile-first decision logic
What are you publishing?
Organic content:
Feed image or video:
Mobile-first reach:
Use 4:5 at 1080 x 1350px
Keep key content inside central 1080 x 1080px
Balanced desktop + mobile:
Use 1:1 at 1080 x 1080px
Landscape-first content:
Use 16:9 at 1920 x 1080px
Expect lower mobile screen occupancy
Stories:
Use 9:16 at 1080 x 1920px
Keep key content inside 1080 x 1330px
Reels:
Use 9:16 at 1080 x 1920px
Keep key content inside 960 x 979px
Avoid the bottom 672px
Carousel:
Use 1:1 at 1080 x 1080px
Keep all cards the same ratio
Paid ads:
Feed:
Mobile-first: 4:5
Cross-device: 1:1
Stories / Reels:
Use 9:16
Reels ads can use 1440 x 2560px upload files
Carousel:
Use 1:1
Right Column:
Use 1.91:1 for desktop-only placementSource Strategy
The 2-File Strategy: Cover All Facebook Formats with 2 Source Files
Facebook is more efficient than YouTube because its main creative family is vertical-first. A 9:16 shoot can produce Reels, Stories, and a 4:5 Feed crop without destroying the composition.
Keep one 4:5 Feed master and one 9:16 vertical master. From those two files, derive the square, Carousel, ad, and cross-platform variants.
Master 1
A 4:5 1080 x 1350 Feed master covers mobile-first Feed posts, Feed video, 4:5 ads, and a central 1:1 crop for Carousel or square ad variants.
Master 2
A 9:16 1080 x 1920 vertical master covers Stories, Reels, Stories ads, Reels ads, Instagram Reels, Instagram Stories, and TikTok with safe-zone adjustments.
Implementation
CSS for Facebook-Style Containers
Use CSS aspect-ratio containers to lock Facebook Feed, Stories, Reels, Cover Photo, Carousel, and ad previews before real media lands in the layout.
/* Facebook Feed - 4:5 Portrait */
.fb-feed-portrait {
aspect-ratio: 4 / 5;
width: 100%;
max-width: 1080px;
overflow: hidden;
background: #1c1e21;
}
/* Facebook Feed - 1:1 Square */
.fb-feed-square {
aspect-ratio: 1 / 1;
width: 100%;
max-width: 1080px;
overflow: hidden;
}
/* Facebook Stories / Reels - 9:16 */
.fb-stories-reels {
aspect-ratio: 9 / 16;
width: 100%;
max-width: 1080px;
overflow: hidden;
background: #000;
position: relative;
}
/* Facebook Stories Safe Zone */
.fb-stories-safe-zone {
position: absolute;
top: 250px;
bottom: 340px;
left: 0;
right: 0;
border: 2px dashed rgba(255, 255, 255, 0.4);
pointer-events: none;
}
/* Facebook Reels Safe Zone */
.fb-reels-safe-zone {
position: absolute;
top: 269px;
bottom: 672px;
left: 0;
right: 120px;
border: 2px dashed rgba(24, 119, 242, 0.6);
pointer-events: none;
}
/* Facebook Cover Photo */
.fb-cover-photo {
aspect-ratio: 820 / 462;
width: 100%;
max-width: 820px;
overflow: hidden;
position: relative;
}
/* Cover Photo - Both-device safe zone */
.fb-cover-safe-zone {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 640px;
height: 312px;
border: 2px dashed rgba(255, 0, 0, 0.5);
pointer-events: none;
}
/* Facebook Carousel */
.fb-carousel-item {
aspect-ratio: 1 / 1;
width: 100%;
max-width: 1080px;
overflow: hidden;
}
/* Facebook Right Column Ad */
.fb-right-column-ad {
aspect-ratio: 1.91 / 1;
width: 100%;
max-width: 1200px;
overflow: hidden;
}Tool CTA
FAQ
Frequently Asked Questions
What is the best aspect ratio for Facebook posts in 2026?
For Facebook Feed posts, 4:5 (1080x1350px) is the best aspect ratio for mobile reach. It occupies about 25% more screen space than 1:1 and much more than 16:9 on mobile. Since most Facebook usage is mobile, 4:5 maximizes dwell-time opportunity. Keep key content inside the central 1080x1080px safe zone because desktop Feed views can crop 4:5 images toward square.
What is the Facebook Reels safe zone in 2026?
Facebook Reels uses a strict safe zone: top 14% (269px), bottom 35% (672px), and the right 120px action column can be covered by UI. On a 1080x1920 canvas, the working safe zone is 960x979px. Do not place key content, text, or CTAs in the bottom third of the Reels frame.
What is the Facebook Cover Photo safe zone?
Upload Facebook Cover Photo artwork at 820x462px and place all logos, text, and key visuals inside the centered 640x312px both-device safe zone. Desktop displays 820x312px, cropping top and bottom, while mobile displays 640x360px, cropping left and right.
What size should Facebook ad images be?
For Facebook Feed ads, use 1080x1080px (1:1) for cross-device compatibility or 1080x1350px (4:5) for maximum mobile screen coverage. For Stories and Reels ads, use 1080x1920px (9:16), with 1440x2560px as a higher-resolution Reels ad upload target.
Can I use the same video for Facebook Reels and Instagram Reels?
Yes. Both use 9:16 vertical video, typically 1080x1920px. Their safe zones differ, so design to Facebook's stricter Reels safe zone when using the same edit across Facebook Reels, Instagram Reels, and Stories.
What is the Facebook Carousel aspect ratio?
Facebook Carousel posts and ads usually use 1:1 at 1080x1080px. All cards in a carousel should use the same aspect ratio. Mixing 1:1, 4:5, and landscape cards can force automatic cropping and break visual consistency.
Related Guides
Keep the Facebook workflow connected
These references cover the adjacent Meta workflow, 4:5 and 9:16 ratio math, square carousel planning, and CSS implementation.
Aspect Ratio Calculator
Verify any Facebook size before export.
Instagram Aspect Ratio Guide
Reuse 9:16 Reels and Stories masters across Meta platforms.
YouTube Aspect Ratio Guide
Compare Facebook's vertical-first workflow with YouTube's split 16:9 and 9:16 systems.
TikTok Aspect Ratio Guide
Compare Reels and TikTok safe-zone planning.
4:5 Aspect Ratio Guide
Feed portrait dimensions and CSS reference.
9:16 Aspect Ratio Guide
Stories and Reels vertical-video reference.
1:1 Aspect Ratio Guide
Carousel and square ad reference.
Social Media Image Sizes 2025
Cross-platform social specs.
CSS Aspect Ratio Generator
Generate Facebook-ready CSS containers.