Aspect RatioCalculator

Facebook 2026 format update

98% of Facebook usage is mobile-first. 4:5 wins more Feed screen space, Reels need a strict top 14% and bottom 35% safe-zone plan, and Cover Photos crop differently on desktop and mobile.

Jump to what's new

Complete Guide

Aspect Ratio Guide for Facebook

Feed, Stories, Reels, Cover Photos, and Ads - exact specs, pixel-level safe zones, and a mobile-first decision framework for every Facebook format.

Published: January 1, 2025Updated: May 18, 202612 min read
FacebookSocial MediaContent Creation

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.

Facebook FormatsReels / Stories9:161080x1920Feed 4:54:51080x1350Square1:11080x1080Cover / Landscapewidesafe zones
Facebook is mobile-first, but Feed, Stories, Reels, Cover Photo, Profile, Carousel, and ads each have different crop contracts.
FormatRatioRecommended sizeMax fileNote
Feed image portrait4:51080 x 1350px30MBMobile-first Feed
Feed image square1:11080 x 1080px30MBCross-device safe
Feed image landscape16:91920 x 1080px30MBDesktop-friendly
Feed video4:5 / 1:11080 x 1350px4GBUse 4:5 for mobile
Stories9:161080 x 1920px4GB / 30MBFull-screen content
Reels9:161080 x 1920px4GBDouble safe zone
Cover Photo820:462820 x 462px100MBDesktop and mobile crops
Profile Photo1:1170 x 170px15MBCircular display
Carousel1:11080 x 1080px30MB / 4GBAll cards same ratio
Feed ad1:1 / 4:51080 x 1080px30MB1:1 is most universal
Stories / Reels ad9:161080 x 1920px4GBFull-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.

Spec4:5 Portrait1:1 Square16:9 Landscape
Aspect ratio4:51:116:9
Recommended size1080 x 1350px1080 x 1080px1920 x 1080px
Minimum size600 x 315px600 x 600px600 x 315px
Maximum file30MB30MB30MB
FormatJPG / PNGJPG / PNGJPG / PNG
Mobile screen useHighestMediumLowest
Desktop displayCan crop toward 1:1Full frameFull 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 specValue
Recommended ratio4:5 at 1080 x 1350px
Supported range9:16 to 16:9
Maximum file4GB
Maximum length240 minutes
Recommended length15-60 seconds for completion-focused edits
Minimum resolution1080px on the shorter edge as a planning target
FormatMP4 / MOV
Frame rateUp to 60fps
EncodingH.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.

SpecImageVideo
Aspect ratio9:169:16
Recommended size1080 x 1920px1080 x 1920px
Maximum file30MB4GB
Maximum duration-60 seconds before splitting
Recommended duration5 second image display7-15 seconds
FormatJPG / PNGMP4 / MOV
Frame rate-Up to 60fps
Stories UI Safe Zone1080 x 1330pxtop 250pxbottom 340px

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 1330px

Strict 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.

SpecValue
Aspect ratio9:16
Recommended size1080 x 1920px
Maximum file4GB
Maximum duration90 seconds
Recommended duration15-30 seconds
Minimum resolution1080 x 1920px planning target
FormatMP4 / MOV
Frame rateUp to 60fps
EncodingH.264 video, AAC 44.1kHz audio
Reels Double Safe Zone960 x 979pxtop 14% = 269pxbottom 35% = 672px

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.

OverlayStoriesReels
Top overlay250px269px
Bottom overlay340px672px
Right overlay0px120px
Safe zone1080 x 1330px960 x 979px
Template riskModerateHigh 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.

Cover Photo Safe Zone640 x 312 safe zoneBlue = desktop crop. Green = mobile crop.Dark green overlap is safe on both.
The only reliable Cover Photo content area is the centered 640 x 312px overlap between desktop and mobile crops.
SpecValue
Recommended upload size820 x 462px
Desktop display820 x 312px
Mobile display640 x 360px
Minimum size400 x 150px
Maximum file100MB
FormatJPG / PNG
Recommended formatPNG 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.

SpecValue
Desktop display170 x 170px
Mobile display128 x 128px
Minimum upload180 x 180px
Maximum file15MB
FormatJPG / PNG
Display shapeCircular crop

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 placementRecommended ratioRecommended sizeBest use
Feed image ad1:11080 x 1080pxMost universal
Feed image ad portrait4:51080 x 1350pxMobile screen coverage
Feed video ad4:5 / 1:11080 x 1350pxUse 4:5 for mobile
Stories ad9:161080 x 1920pxFull-screen
Reels ad9:161440 x 2560pxHigher-res upload target
Carousel ad1:11080 x 1080pxAll cards same ratio
Collection ad1:1 / 4:51080 x 1080pxHero + product grid
Right Column ad1.91:11200 x 628pxDesktop only
Marketplace ad1:11080 x 1080pxShopping placement
In-Stream video ad16:91920 x 1080pxVideo 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 Reels

Ad 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 FrameworkOrganic Feed4:5 for reachStories9:16, 1080 x 1330 safeReels9:16, 960 x 979 safeCarousel1:1, all cards matchFeed Ads1:1 or 4:5Full-Screen Ads9:16

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 placement

Source 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.

2 Source Files4:5 Feed MasterFeed, ad, 1:1 crop, Carousel9:16 Vertical MasterStories, Reels, ads, reuseFacebook can derive Feed + full-screen assetsfrom a vertical-first production workflow.

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

Generate Facebook-ready 4:5, 1:1, 9:16, Cover Photo, Carousel, and Right Column containers.
Open CSS Generator

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.