Facebook Story Size Guide — Dimensions, Safe Zones & Best Practices

Facebook Stories fill the entire phone screen — a fullscreen vertical canvas that dominates the viewer's attention. But that canvas comes with hidden constraints. Facebook overlays your profile picture and name at the top, reaction and reply buttons at the bottom, and a progress bar across the very top edge. Upload the wrong size and your image gets cropped, letterboxed, or stretched. Place text too high or too low and it disappears behind UI elements.

This guide covers the exact dimensions, safe zones, and best practices you need to create Stories that look sharp and display correctly on every device.

Facebook Story Size and Aspect Ratio

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

Why 1080×1920? Modern phone screens are typically 1080px wide. Using this size means Facebook doesn't 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 — none of them ideal.

What happens with non-9:16 images

• Landscape (16:9, e.g. 1920×1080) — 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. 1080×1080) — 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. 1080×1800) — 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 1080×1920. If your source image isn't 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 can't remove them.

What gets overlaid

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

The safe zone

The safe zone for Facebook Stories is the middle 60–70% of the vertical space — roughly between 290 px from the top and 290 px from the bottom on a 1080×1920 canvas. In practical terms:

• Safe vertical range: Y: 290 to Y: 1630 (1340 px of usable height)
• Horizontal: full width is safe — Facebook doesn't crop sides on 9:16 images
• Text: keep all text within this zone. Anything above or below is hidden behind UI.
• Logos: don't 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 1080×1920 — 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–7 seconds average). Text must be large, bold, and instantly readable. Thin fonts and low contrast don't work at Story scale.
• Keep text under 20% 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–7 seconds of attention. One clear headline, one visual, one message. Don't 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 (1080×1920 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% clear — the CTA button covers more area than organic Story overlays. Don't 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–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.

Tools to Preview Your Facebook Stories

Preview before posting. A 10-second check prevents a blurry, cropped, or poorly composed Story from reaching your audience.

Facebook Story Size FAQ

Related Facebook Guides