← Back to Facebook Tools

Facebook Story Size & Preview

Upload your image to preview your Facebook Story and check story size, aspect ratio, and safe zones. See exactly how your story looks on mobile before posting, and make sure text and visuals aren't hidden behind UI elements.

Free & instant No sign-up Mobile story preview 100% private Safe zone overlay

Drop your story image here or tap to upload

JPG, PNG, WebP

Story Preview

Status bar / profile pic

Reply bar / CTA area

SAFE ZONE

Story view: 1080×1920 px (9:16) — fullscreen vertical on mobile

?

Dimensions

—

?

Aspect Ratio

—

?

Orientation

—

?

File Size

—

—

Check another image

Facebook Story Image Size Requirements

Facebook Stories are designed to fill the entire screen on mobile devices. To get the best result, your image should match these specifications:

Recommended size: 1080×1920 pixels — fills the full screen on most smartphones
Aspect ratio: 9:16 (vertical / portrait orientation)
Minimum width: 600 pixels — anything smaller will look noticeably blurry
Orientation: Vertical (portrait) — landscape images will be letterboxed or aggressively cropped

Stories are a fullscreen, mobile-first format. Unlike feed posts or cover photos, there is no desktop crop to worry about. The entire 9:16 frame is displayed, but UI elements overlay the top and bottom of the screen.

For the sharpest result, upload at exactly 1080×1920 pixels in JPG or PNG format. Use the image size checker to verify your dimensions. If your image needs cropping, use the image crop tool to match the 9:16 ratio.

How to Preview Your Facebook Story

Upload your image — select your story image to instantly analyze its dimensions, file size, and aspect ratio.
Preview the story view — see your image inside a phone-shaped frame at 9:16 aspect ratio, exactly as it would appear on a real device.
Check the safe zones — switch to the "Safe Zones" tab to see which areas of your image are covered by the status bar (top 14%) and the reply bar or CTA button (bottom 20%).
Fix issues if needed — if your image is too small, the wrong orientation, or has important content in unsafe areas, use the free editor to resize or reposition and re-check.

Facebook Story Safe Zones

Even though your story image fills the entire screen, Facebook overlays interface elements on the top and bottom. Understanding these safe zones is essential for good story design:

Top 14% (status bar area) — covered by the device status bar, time, battery indicator, and your profile picture with username. Text or important visuals placed here will be partially or fully hidden.
Bottom 20% (CTA / reply area) — covered by the reply input bar, "Send message" prompt, or swipe-up / CTA link. Any text or call-to-action you place here will be unreadable or untappable.
Middle 66% (safe zone) — the only area guaranteed to be fully visible and unobstructed. Keep all important text, logos, faces, and interactive elements within this region.

Use the "Safe Zones" tab in the preview above to see exactly which parts of your image fall inside and outside the safe zone. For a multi-placement analysis, try the safe zone visualizer which covers posts, covers, ads, and more.

Why Story Size Matters

Facebook Stories reach over 500 million daily users and are a fullscreen, immersive experience. Getting the size wrong can cost you views and engagement:

Fullscreen format: Stories fill the entire phone screen, so any sizing issue is immediately obvious — there is no feed layout to hide imperfections
Blurry means skip: Users tap through stories quickly. A blurry or pixelated story gets skipped in under a second, wasting your content effort
500M daily viewers: With half a billion people watching stories every day, a poorly sized image means a poor first impression at massive scale
Brand perception: Crisp, properly sized stories signal professionalism and attention to detail, especially for businesses and creators

Common Facebook Story Issues

Landscape image gets stretched or letterboxed

Uploading a horizontal (landscape) image to Stories forces Facebook to either zoom in dramatically or add black bars. Use the image crop tool to convert landscape images to 9:16 portrait before uploading.

Text gets cut off at the top or bottom

Text placed in the top 14% or bottom 20% will be hidden behind UI elements. Use the safe zone visualizer to check, and keep all text within the middle 66%. Check text readability with the text overlay checker.

Image is too small and looks blurry

Images under 1080px wide get upscaled, causing pixelation. Verify your dimensions with the image size checker and always upload at least 1080×1920 pixels.

Story looks blurry even at the right size

Facebook recompresses all uploaded images. If your source file is already heavily compressed (low-quality JPG), the double compression makes it look worse. Start with the highest quality source file possible.

Tips for Better Facebook Stories

Design vertical first — always start with a 1080×1920 (9:16) canvas
Keep all important text within the safe zone (middle 66% of the screen)
Use high contrast text with backgrounds or shadows so it remains readable over any image
Avoid placing logos or CTAs in the top 14% or bottom 20% where UI elements overlay
Use PNG for graphics with text, JPG at high quality for photographs
Test your story with this tool before uploading to catch sizing and safe zone issues
Keep text large and bold — stories are viewed quickly and on small screens
Use the free editor to resize, crop, or add text to your story image

Frequently Asked Questions

What size should a Facebook Story image be?▼

The recommended size for a Facebook Story image is 1080×1920 pixels with a 9:16 aspect ratio. This fills the entire screen without cropping or letterboxing. Use the image size checker to verify. The minimum width is 600 pixels, but anything below 1080px will appear blurry.

Why is my Facebook Story blurry?▼

Blurry Facebook Stories are almost always caused by uploading an image that is too small. Facebook stretches images to fill the full screen, so low-resolution images get pixelated. Always upload at least 1080×1920 pixels. Use PNG for graphics with text or a high-quality JPG for photographs.

What is the Facebook Story safe zone?▼

The Facebook Story safe zone is the middle area of the screen not covered by interface elements. The top 14% is covered by the status bar and profile picture. The bottom 20% is covered by the reply bar or CTA button. Keep all important content in the center. Use the safe zone visualizer to check across all Facebook placements.

Can I use a landscape image for Facebook Stories?▼

You can, but it won't look good. Facebook will either letterbox the image with black bars or zoom in and crop the sides. Use the image crop tool to convert your landscape image to 9:16 portrait before uploading for the best result.

What aspect ratio works best for Facebook Stories?▼

The ideal aspect ratio for Facebook Stories is 9:16 (vertical). This matches the full-screen display on most smartphones. Ratios close to 9:16 such as 3:5 or 2:3 will work but may have slight letterboxing. Square (1:1) or landscape (16:9) images will have significant black bars or be aggressively cropped.

Need to design or resize your story?

Open the Free Thumbnail Editor →

Related Facebook Tools

Image Size Checker

Verify Facebook image dimensions

Safe Zone Visualizer

See what gets cropped per placement

Image Crop Tool

Crop to Facebook aspect ratios

Reels Thumbnail Preview

Preview Reels cover in the grid

View All Facebook Tools →

More Creator Tools

YouTube Preview

See how thumbnails look on YouTube

YouTube Size Checker

Check YouTube thumbnail dimensions

Add bold text to any image

Blur Background

Remove distractions with blur

View All Creator Tools →