Muze AI
PlatformMuze MCPLiteResultsPricingTalk to SalesStart free trial

Free tools / Safe zone checker / Facebook

Free tool · no signup · nothing uploaded

Facebook Stories safe zone, and why one file can cover Instagram too.

The bands are close to Instagram's. Build for the deeper one and stop maintaining two masters. Your image stays in your browser.

Last reviewed

LOGO GOES HERELoad a frame to check your own layout50% OFF, THIS WEEK ONLY
Top 14%
Bottom 20%
SAFE

Facebook Stories · 9:16 · 1080 x 1920

Placement
Your creative

The image never leaves your browser. It is read locally with an object URL and drawn on this page. There is no upload, no server call and nothing stored.

66%Usable height
100%Usable width
  • Top14% · approx. 269 pxProgress bar, page profile picture, page name, timestamp, sponsored label and controls.
  • Bottom20% · approx. 384 pxThe call to action button and the reply field.
  • Pixelson a 1080 x 1920 canvasPercentages are the figure to build against. Pixel values are derived from them and are approximate, because the interface changes and captions wrap.

In short

The Facebook Stories safe zone is the central area of a 9:16 frame that Facebook's interface leaves visible. Keep essential text and logos out of roughly the top 14 percent, where the progress bar, page name and timestamp sit, and out of roughly the bottom 20 percent, where the call to action and the reply field sit. On a 1080 by 1920 file that is approximately 269 pixels at the top and 384 pixels at the bottom. The bands are close enough to Instagram Stories that a single master built for the deeper of the two will run correctly in both.

Before you build to these numbers

Reserved interface areas move. They differ by placement, by app version, by device, and by whether the viewer has captions turned on. A longer caption makes the bottom band taller on the same day with the same file. The percentages here are deliberately conservative and are a starting point, not a final production specification. Check the platform's current official guidance before you sign off a file, and preview the ad in the real placement.

Meta publishes Stories guidance across Facebook and Instagram together, and it is commonly documented as approximately 250 pixels clear at the top and 340 pixels at the bottom of a 1080 by 1920 file. The 14 and 20 percent used here round outward from that. Facebook and Instagram Stories are not guaranteed to be pixel identical, and they have not always been.

Facebook Stories safe zone, in numbers

AreaShare of frameApprox. pxWhat sits there
Top14%269Progress bar, page profile picture, page name, timestamp, sponsored label and controls.
Bottom20%384The call to action button and the reply field.
Clear area66% h / 100% w1080 x 1267Your headline, price, logo and offer. Nothing else needs to be here.

Percentages are the figure to build against. Pixel values are calculated from them against a 1080 by 1920 canvas at 9:16, and are approximate.

Keep essential text, logos and offers inside the middle 60 percent of the frame. Nothing a platform does to its interface takes that away from you.

One placement, two apps, nearly the same rules

Meta sells Facebook Stories and Instagram Stories through the same buying interface and documents them together, which is a strong hint that you should produce for them together. The top band exists for the same reason in both: a progress bar and an account row. The bottom band exists for the same reason in both: a call to action.

Where they drift is in detail. Facebook renders the page name and timestamp slightly differently, and the two apps have not always changed their interfaces in the same release. Build for whichever is deeper on the day and you never have to care which one moved.

The Advantage+ placements problem

If you leave placements on automatic, and most accounts should, one uploaded asset can serve into Feed, Stories, Reels, Marketplace and the Audience Network. Those placements have different shapes and different furniture. A file designed precisely for Facebook Stories and nothing else will get cropped somewhere.

The workable approach is a 9:16 master with everything critical in the centre, plus a 4:5 master for Feed surfaces. Two files, not seven, and no asset that only works in one place.

Check it, do not assume it

Ads Manager will show you a placement preview before you publish. It takes about thirty seconds and it is the only preview that reflects the current build of the app. The checker on this page tells you where the risk is while you still have the layered file open. The Ads Manager preview tells you what actually happened.

Use both. They answer different questions.

The durable version of this advice

If you are running Stories on both Facebook and Instagram, build one file to the stricter set of bands and stop maintaining two.

Verify against the platform before a production sign-off. The official specification is the only source that reflects the current build of the app:

Frequently asked questions

What is the Facebook Stories safe zone?
It is the central band of a 9:16 frame that Facebook's interface does not cover. Keep essential text out of roughly the top 14 percent, which holds the progress bar and page name, and the bottom 20 percent, which holds the call to action and reply field. On 1080 by 1920 that is approximately 269 pixels and 384 pixels.
What size is a Facebook Story ad?
1080 by 1920 pixels, 9:16. The aspect ratio is the stable part of the specification and is safe to build against.
Can I use the same file for Facebook and Instagram Stories?
Yes, and you should. Build to the deeper of the two sets of bands and the file runs correctly in both. Maintaining separate masters for two placements that Meta documents together creates work without reducing risk.
Why is my call to action text getting covered?
Because Facebook draws its own call to action button in the bottom band. If you burned a button into the creative in that area, it will sit behind or next to the real one. Put your offer in the centre and let the platform draw the button.
Do Facebook Stories and Facebook Reels share a safe zone?
No. Reels reserves roughly the bottom 35 percent against 20 percent for Stories, and adds a column of buttons down the right edge. A Story file dropped into Reels will have its lower third covered.
Does a Story ad need a separate video for sound off?
It needs on-screen text that carries the message without audio, which is a different thing from a separate cut. Keep that text in the central band, not at the bottom where subtitles usually go.

Other placements

Related

Creative that lands, in an account someone is watching.

Getting the safe zone right is one job. Knowing which of your ads is losing money this week is another. Muze reads Meta, Google, Amazon and Shopify from ChatGPT or Claude, and previews every change before it runs. New campaigns are created paused.

See how Muze works