Instagram Story Safe Zone Checker

The Instagram Story safe zone is the area of a 1080×1920 pixel Story frame where text, stickers, and important visual elements will not be covered by Instagram’s built-in UI. Instagram overlays a profile bar (your avatar, username, and close button) at the top of every Story, and a reply bar plus navigation dots at the bottom. Content placed in those areas gets partially or fully hidden. The safe zone is the remaining area between those UI elements — roughly the middle 71% of the frame vertically, and inset about 60 pixels from each side horizontally. Designing within this zone ensures that every viewer sees your content exactly as you intended, regardless of their device or screen size.

On a standard 1080×1920 pixel Instagram Story canvas: the top unsafe zone is 250 pixels tall (13% of the frame), the bottom unsafe zone is 310 pixels tall (16.15%), and the safe zone between them is 1360 pixels tall (70.83%). Side margins of 60 pixels on each side (5.56% of the width) provide additional breathing room so content does not feel cramped against the edges. These measurements are based on the most common Instagram UI layout across iOS and Android devices as of 2024. Minor variations can occur on devices with unusual aspect ratios or accessibility settings enabled, so treating these as approximate guides rather than pixel-exact boundaries is the safest approach.

Instagram’s Story viewer overlays interactive UI elements on top of your content. At the top, it shows the viewer’s profile picture, your username, the Story timestamp, and a close button — this bar typically occupies the top 250 pixels. At the bottom, it shows a reply/message input bar, navigation arrows, and sometimes a “See More” or link sticker prompt — occupying roughly the bottom 310 pixels. These UI elements are rendered on top of your Story content, meaning any text, logos, or important visual details placed in those zones will be partially or entirely hidden. This is why planning your Story layout with safe zones in mind is essential for readability and engagement.

Click the “Download Safe Zone Template” button to save a transparent 1080×1920 PNG with the safe zones marked. In Canva, create a new custom design at 1080×1920 pixels, upload the template as an image, and place it as the top layer while you design — then delete it before publishing. In Photoshop, open your Story design, drag the template PNG onto the canvas as a new layer, position it at the top of the layer stack, and design your content within the green safe zone. Delete or hide the template layer before exporting your final Story. The template uses semi-transparent colours so you can always see your underlying design through the overlay.

Instagram Reels use a similar 9:16 aspect ratio but have slightly different UI overlays. Reels show a larger bottom section with the caption, music info, and engagement buttons (like, comment, share), which means the bottom unsafe zone for Reels is typically larger than for Stories. The top zone also differs because Reels show a “Reels” header and search icon instead of the Story profile bar. This tool is specifically calibrated for Instagram Stories. For Reels, add an extra 50–80 pixels of bottom margin beyond what this tool shows. Facebook Stories and TikTok videos have their own safe zone dimensions and should be planned separately.