Facebook Story Size Guide

Facebook Story Size and Aspect Ratio

The correct Facebook Story size is 1080x1920 pixels at a 9:16 aspect ratio. This is the fullscreen vertical format designed to fill the entire phone screen edge to edge.

Why 1080x1920? Modern phone screens are typically 1080 px wide. Using this size means Facebook does not need to upscale or crop your image, it maps pixel for pixel to the display, producing the sharpest possible result.

Verify your image dimensions with the image size checker before uploading.

How Facebook Crops Stories

If your image is already 9:16, Facebook displays it fullscreen without cropping. But if you upload a different aspect ratio, Facebook handles it in one of several ways, and none of them are ideal.

What happens with non-9:16 images

• Landscape (16:9, e.g. 1920x1080). Facebook adds heavily blurred background bars above and below the image to fill the vertical screen. The actual image appears as a small horizontal strip in the center. It looks unprofessional.
• Square (1:1, e.g. 1080x1080). Similar treatment. Blurred bars top and bottom, with the square image centered. You lose nearly half the screen to padding.
• Slightly off ratio (e.g. 1080x1800). Facebook may center-crop the minor difference or add thin bars. The result varies by device.
• Very wide or very tall. Extreme ratios get center-cropped or aggressively letterboxed. Most of the image is lost or hidden.

The fix is simple. Always upload at 1080x1920. If your source image is not 9:16, pre-crop it with the image crop tool before uploading.

Safe Zones for Facebook Stories

Even at the perfect 9:16 size, Facebook overlays UI elements on top of your image. These overlays hide content near the top and bottom edges, and you cannot remove them.

What gets overlaid

• Top zone (~250 to 290 px). Progress bar, your profile picture, your name, and the timestamp. Covers roughly the top 14 to 15 percent of the image.
• Bottom zone (~250 to 290 px). "Reply" text field, reaction buttons, and "Send Message" or share icon. Covers roughly the bottom 14 to 15 percent.
• Story ad bottom zone. Adds a CTA button ("Swipe Up," "Learn More," "Shop Now") that covers an additional 50 to 80 px beyond the standard overlay. Total bottom coverage for ads is roughly 18 to 20 percent.

The safe zone

The safe zone for Facebook Stories is the middle 60 to 70 percent of the vertical space, roughly between 290 px from the top and 290 px from the bottom on a 1080x1920 canvas. In practical terms:

• Safe vertical range: Y: 290 to Y: 1630 (1340 px of usable height)
• Horizontal: full width is safe, Facebook does not crop sides on 9:16 images
• Text: keep all text within this zone. Anything above or below is hidden behind UI.
• Logos: do not place logos in corners, the top-left is covered by your profile picture and the bottom-right by reaction buttons.

Use the safe zone visualizer to see exactly what stays visible, and preview the full layout with the Story preview tool.

Common Facebook Story Problems

Facebook Story Best Practices

• Always use 1080x1920. This is non-negotiable. Any other size results in cropping, letterboxing, or quality loss. Verify with the image size checker.
• Design inside the safe zone. Place all text, logos, CTAs, and key visuals between 290 px from the top and 290 px from the bottom. Use the outer zones for background imagery only.
• Use bold, high-contrast text. Stories are viewed quickly (5 to 7 seconds average). Text must be large, bold, and instantly readable. Thin fonts and low contrast do not work at Story scale.
• Keep text under 20 percent of the image. For Story ads, heavy text coverage still reduces delivery. Check with the text overlay checker.
• One message per Story card. You have 5 to 7 seconds of attention. One clear headline, one visual, one message. Do not cram multiple ideas into a single frame.
• Use the full vertical canvas. Stories are the only Facebook format that fills the entire screen. Use that space. Large faces, bold product shots, and immersive backgrounds perform better than small centered elements floating in empty space.
• High-resolution source images. Facebook compresses everything. Start with the sharpest possible source (1080x1920 minimum, higher if your tool supports it) and let Facebook handle the compression.
• Test before posting. Preview your Story with the Story preview tool to see exactly how it will appear with UI overlays on a real phone screen.

For Story ads

• Keep the bottom 20 percent clear. The CTA button covers more area than organic Story overlays. Do not place product images, pricing, or key text in this zone.
• Front-load the message. Users can skip Story ads after a few seconds. Your hook must land in the first 2 to 3 seconds.
• Match the organic feel. Story ads that look like organic Stories (casual, authentic, native) outperform polished banner-style creatives. Users scroll past anything that looks like a traditional ad.