Muze AIInstagram Stories · 9:16 · 1080 x 1920
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.
- Top14% · approx. 269 pxProgress bar, profile picture, account name, the sponsored label and the close button.
- Bottom20% · approx. 384 pxThe call to action button, the swipe affordance and the reply field. On organic Stories this is where stickers and link buttons land.
- 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 Instagram Story safe zone is the middle band of a 9:16 frame that Instagram's interface does not cover. Keep essential text and logos out of roughly the top 14 percent, where the progress bar, profile picture, account name and sponsored label sit, and out of roughly the bottom 20 percent, where the call to action button 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, leaving a clear centre band of about 66 percent of the height. Those areas change with app versions, so build to the percentages and preview the ad in the real placement before launch.
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's own Stories guidance is commonly documented as leaving approximately 250 pixels clear at the top and approximately 340 pixels clear at the bottom of a 1080 by 1920 file. The 14 percent and 20 percent figures used here round outward from that, because rounding outward costs you a little canvas and rounding inward costs you the headline.
Instagram Stories safe zone, in numbers
| Area | Share of frame | Approx. px | What sits there |
|---|---|---|---|
| Top | 14% | 269 | Progress bar, profile picture, account name, the sponsored label and the close button. |
| Bottom | 20% | 384 | The call to action button, the swipe affordance and the reply field. On organic Stories this is where stickers and link buttons land. |
| Clear area | 66% h / 100% w | 1080 x 1267 | Your 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.
What Instagram puts on top of your Story
A Story ad is not shown on a blank screen. Instagram draws its own layer over the top of your file, and that layer is not optional. At the top there is a segmented progress bar, your profile picture, the account name, the sponsored label and a close button. At the bottom there is a call to action, and on organic Stories a reply field.
None of that appears in Figma. You export a file that looks correct, it goes live, and the offer you spent an afternoon on is sitting behind a button. This is the single most common reason a Story ad underperforms for a reason that has nothing to do with the offer.
How to build a Story that survives
Work at 1080 by 1920. Draw two guides: one at 14 percent from the top, one at 20 percent from the bottom. Everything that has to be read goes between them. Backgrounds, colour, product photography and texture can and should run to the edges, because a Story with white bars at the top and bottom looks like a mistake.
The distinction is worth stating plainly: fill the whole frame, but only communicate in the centre. Bleed the image, contain the message.
The 4:5 crop trap
Most teams build one vertical master and let Meta place it. If the same 9:16 asset is delivered into a Feed placement, it can be cropped toward 4:5 or 1:1, which cuts from the top and bottom, exactly where you were already cautious. Turn on the crop guides in the checker above to see where those cuts fall.
If a single asset has to serve Stories and Feed, the safe area is the intersection of both, which is tighter than either one alone. That is usually the moment to build two files instead of one.
The durable version of this advice
One 1080 by 1920 master with every headline inside the middle 66 percent will run as a Story anywhere, on any build of the app.
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 Instagram Story safe zone?
- It is the central area of a 9:16 Story frame that Instagram's interface does not cover. Keep essential text and logos out of roughly the top 14 percent and the bottom 20 percent of the frame, which on a 1080 by 1920 file is approximately 269 pixels at the top and 384 pixels at the bottom.
- What size should an Instagram Story ad be?
- 1080 by 1920 pixels, a 9:16 aspect ratio. That has been stable for years and is the one number you can build against without checking. The safe zone sits inside it.
- Is there an Instagram Story safe zone template I can download?
- You do not need a file. Set up a 1080 by 1920 artboard and add two horizontal guides, one at 269 pixels from the top and one at 384 pixels from the bottom. That is the whole template. The checker on this page does the same job against your real creative, which is more useful than a blank PNG because it shows you the specific headline that is about to be covered.
- Why is my text covered by the caption or the button?
- Because the interface layer is drawn after your creative, at a size that depends on the app version, the device and the length of the caption. Design files do not simulate it. If text sits inside the bottom 20 percent of a Story, assume it will be covered at some point even if it looks fine on your own phone today.
- Do the same safe zones apply to organic Stories?
- Roughly, yes. The top band is the same because the progress bar and profile row do not care whether the Story is paid. The bottom band differs: an ad puts a call to action there, an organic Story puts the reply field and any stickers you added. Reserve the same space for both.
- Are Stories and Reels safe zones the same?
- No. Reels reserves considerably more at the bottom, roughly 35 percent against 20 percent for Stories, because Reels shows a caption, an account name and an audio ticker there. Reels also has a column of buttons down the right edge that Stories does not have. See the Instagram Reels safe zone page for the overlay.
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