Reels & Stories Safe Zone Checker

What a safe zone actually is

Your Reel or Story is not displayed in a clean rectangle. It is displayed underneath Instagram’s interface. The video fills the screen edge to edge, and the app paints on top of it: a status bar and clock, a username and audio strip, the like, comment, share and menu buttons down the right edge, the caption, a call-to-action button, progress bars, a reply field. Everything under those elements is hidden or unreadable.

So a safe zone is not a technical constraint like an aspect ratio — nothing gets cropped. It is a layout constraint: a map of where the chrome sits, so you can put your words somewhere else. This tool draws that map over your own frame across Reels, Stories and the 4:5 feed post side by side.

Why the surfaces differ

Reels and Stories share the same 9:16 canvas and almost nothing else. Reels put a column of action buttons down the right edge and a deep caption block across the bottom, because a Reel is content people react to. Stories put progress bars and a header across the top and a reply field along the bottom, because a Story is a sequence people tap through. The feed is different again — a 4:5 post at 1080 x 1350 with almost no chrome, but a guaranteed loss to the square grid thumbnail. Post the same asset everywhere and your text has to clear the union of all three.

Measured insets on the standard preset

The 9:16 rows are at 1080 x 1920, the feed rows at 1080 x 1350. Only the two bands marked exact are geometric certainties: a 4:5 image is 1080 x 1350, its square grid thumbnail 1080 x 1080, and the leftover 270 px is exactly 10% off the top and 10% off the bottom. Everything else is measured from the app and rounded.

The two Stories thirds are a different kind of obstruction. Nothing is drawn over them — they are gesture targets. A tap on the left third jumps back, a tap on the right jumps forward. Content there is perfectly visible; it just cannot be tapped. Never put a link sticker, a poll, a question box or a “tap here” prompt inside a tap third. If your frame carries nothing interactive, switching those two masks off is legitimate and roughly doubles the width of your safe box.

Device presets: the same layout on four screen shapes

Instagram’s chrome does not sit at fixed proportions. A taller phone with a Dynamic Island pushes the top row down and the caption block up; an older 16:9 phone and a tablet give the bands proportionally less room. The device selector applies a multiplier to each edge-anchored mask so you can see the same design under four representative shapes.

Every one of those figures is an approximation and the tool labels each preset that way. The Stories tap thirds do not scale — a third is a third on any screen. Read the table as a range: the top band is somewhere between roughly 5% and 14% of the height depending on the phone in your reader’s hand, which is why the advice is always to leave a visible margin rather than hugging an edge.

Worst-case mode

Worst-case mode unions every enabled mask across all four presets, shrinks the frame to the largest rectangle that misses all of them, and intersects that across every surface switched on. The result is drawn as a green dashed rectangle on each preview, with pixel coordinates, percentage dimensions and share of the frame underneath.

With everything enabled — Reels, Stories and Feed, every mask on — the surviving rectangle is about 367 x 1223 px at x 356, y 275, roughly 22% of the frame. That is narrow, and the reason is entirely the Stories tap thirds: they claim two-thirds of the width between them and leave only the middle column. Turn those two masks off, because your frame has nothing tappable in it, and the same calculation returns about 821 x 1223 px from x 108 — just under half the frame. Both answers are correct; they answer different questions.

Next to the toggle is a snap button that moves the box you are editing to exactly that rectangle. A mask sitting away from every screen edge cannot be excluded by any rectangle, so those are listed separately underneath rather than silently folded in.

Six boxes, opacity and the composite export

Real title cards are not one rectangle: there is a headline, a subtitle, a call to action, a logo, sometimes a sticker. The tool holds up to six independently positioned boxes, each with its own name and colour, each judged separately. The breakdown gives every box a PASS or FAIL per surface and names each element it collides with, with the percentage of the box covered. A 6% overlap on the caption block is a nudge; 60% means start again.

The overlay opacity slider runs from 5% to 85%, defaulting to 34%. Turn it down to judge the artwork underneath; turn it up when presenting the check to someone else.

That second case is what the composite export is for. Pick a surface and the tool renders your own frame at that surface’s full size with the masks, their labels, your box outlines, each box’s verdict and the worst-case rectangle burned into the pixels, plus a footer naming the device preset and stating that the insets are approximations. It is the file to hand a designer or a client so everyone is arguing about the same margins. The separate template PNG is the clean version: 1080 x 1920, a faint 10-column by 20-row guide grid, centre lines, every Reels and Stories mask labelled, and the worst-case box in green. Drop it on a locked top layer, design underneath, hide it before export.

Designing so this never becomes a problem

The pattern that survives every layout change is the one that works in print: keep the message in the optical centre and let the edges be texture. A text block between roughly 15% and 65% of the frame height, horizontally centred, with generous padding. It means not running a caption along the very bottom, where the Reels caption block and the Stories reply bar both live, and not tucking a logo into the bottom-left corner, where the Reels profile row sits.

Design once for the tighter layout: a frame that passes the combined check cross-posts without re-laying out, while a Stories-only design gets the Reels action rail straight through the right of its text. Set the type larger than feels necessary — the frame is 1080 px wide in your design tool and roughly 400 to 500 points wide in the hand. Caption length matters too, since a long caption pushes the Reels bottom block higher; the captions guide covers where captions truncate.

The honest limits

These insets are approximations, not official Meta values. Meta does not publish a safe-zone specification for organic Reels and Stories. The numbers here are measured from the app’s behaviour and rounded into clean proportional bands. They are a guide, not a guarantee. The one exception, stated again because it matters: the two 10% feed bands are exact.

They shift, and here is what shifts them. Device height and aspect ratio, notch or Dynamic Island size, caption length — a three-line Reel caption pushes the bottom block considerably higher, and an expanded caption more again — app version, language and the reader’s text-size settings. Instagram redesigns this interface regularly, and a button that was not there last quarter is a new mask.

Always check on a real phone before you publish. Put the asset in a draft, open it in the app on the device your audience actually uses, and look. That takes thirty seconds and is the only authoritative test. A tool drawing rectangles cannot know what your build of the app will render.

What the tool does not do. It does not read video — export a still frame from the moment your text appears. It does not render fonts or lay out your type; each box is a proxy for where your text will sit, so give it real dimensions rather than a guess. Sources are capped at 80 MB and roughly 80 megapixels. Pixel dimensions for every surface are in the sizes guide, and the analytics guide covers what is worth watching once the asset is live.

Frequently asked questions