ThumbCrafted
← Back to Instagram Tools

Instagram Story Safe Zone

The Instagram Story safe zone is the central area of a 1080×1920 Story image where your text, logos, faces, and CTAs stay visible behind Instagram's UI. Stories are full-screen vertical content, but Instagram covers the top and bottom of every Story with interface elements — the profile header, progress bar, menu icons, and the "Send message" reply box at the bottom. If you place important content in those zones, it gets hidden, cropped, or covered on every device.

Upload a Story image, preview where the safe zone sits, and avoid placing important text, faces, logos, or CTAs where Instagram's UI will cover them. This guide covers exactly which UI elements overlay your Story, where the usable safe area sits, and the most common safe-zone problems that quietly tank Story engagement.

Instagram Story Safe Zone Specs
Story Size: 1080×1920 px
Aspect Ratio: 9:16
Top Overlay: ~250 px
Bottom Overlay: ~250 px
Safe Zone: Y:250 to Y:1670
Safe Area: ~1080×1420
Jump to:

What Is the Instagram Story Safe Zone?

Stories are full-screen vertical content displayed at 1080×1920. Unlike a feed post, the entire screen is your canvas — but Instagram overlays interface elements at the top and bottom of every Story. The Instagram Story safe zone is the visible area in the middle of your canvas where important content remains unobstructed by the profile header, progress bar, reply box, and other UI elements.

The safe zone sits roughly between Y:250 and Y:1670 on a 1080×1920 canvas — about 1080×1420 pixels of usable vertical space. Anything in the top 250 px (profile header zone) or bottom 250 px (reply box zone) is at risk of being hidden behind UI on at least some devices. Always verify your raw image dimensions with the Instagram Post Size Checker before uploading.

RegionY Range (1080×1920)What Sits Here
Top overlayY:0 – Y:250Profile photo, username, time, progress bar, menu icons
Safe zoneY:250 – Y:1670Your content — text, faces, logos, CTAs
Bottom overlayY:1670 – Y:1920"Send message" reply box, share/like icons

Instagram Story UI Overlays Explained

Instagram doesn't draw a single static overlay on every Story — the UI varies depending on context (organic Story, ad, sponsored, sticker-heavy). Here's what you're actually fighting:

Top profile / header overlay (~250 px)

At the top of every Story, Instagram displays:

The combined top overlay zone is roughly 250 px tall. Any text or visual placed in this zone is partially or fully covered.

Bottom reply / message overlay (~250 px)

At the bottom of every Story, Instagram anchors:

The bottom overlay zone is also roughly 250 px tall. CTAs, captions, and logos placed here get covered by the reply UI.

Stickers, ads, and additional UI

Several other UI elements can further reduce usable space:

The more interactive elements you add, the smaller the unobstructed safe area becomes. Keep your Story design simple and centered to leave room for stickers and UI without sacrificing key content.

Common Instagram Story Safe Zone Problems

Text hidden behind the top bar

Headlines placed in the top 250 px get partially or fully covered by the profile header, progress bar, and username. Move all headline text below Y:250 — ideally into the upper third of the safe zone, around Y:300 to Y:600.

CTA blocked by the bottom UI

"Swipe up" labels, hashtags, or call-to-action text placed in the bottom 250 px get hidden behind the "Send message" reply box. Move CTAs into the lower third of the safe zone (around Y:1300 to Y:1600), and keep the bottom 250 px clear of important content.

Logo too close to the edge

A logo sitting within 50–100 px of any edge looks awkward and risks being clipped on devices with notches, rounded corners, or larger safe-area insets. Center logos horizontally and keep them at least 100 px inside the safe zone vertically.

Faces covered by interface elements

A face positioned near the top of the canvas gets cropped at the forehead by the progress bar and profile area. A face near the bottom gets hidden behind the reply box. Center faces in the middle vertical third of the canvas (around Y:600 to Y:1320) for the best framing on every device.

Repurposed content not fitting well

Reusing a 1080×1080 feed post or a 1080×1350 portrait directly as a Story leaves dead space at the top and bottom — or worse, awkward letterboxing. Resize and re-frame for the 9:16 Story format with the Free Thumbnail Editor, and verify the result with the Instagram Post Size Checker.

Story ad text covered by the CTA button

Story ads add a CTA button above the reply box, consuming an additional ~150 px at the bottom. Text placed at Y:1500–1670 looks fine in an organic Story but gets covered in an ad. Design ad creatives with a tighter bottom margin — treat Y:1520 as the effective bottom limit for Story ads.

Best Practices for Story Safe Zones

Layout principles

Workflow

Need to reposition text or graphics?
Open the Free Thumbnail Editor →

Story Size & Safe Area Basics

The recommended Instagram Story size is 1080×1920 pixels at a 9:16 aspect ratio. This is full-screen vertical, the same canvas Instagram uses for Reels and the same format as TikTok and YouTube Shorts.

SpecValueNotes
Canvas size1080×1920Full-screen vertical, 9:16
Aspect ratio9:16Same as Reels, TikTok, YouTube Shorts
File formatJPEG, PNGJPEG for photos, PNG for graphics with text
Max file size30 MB image / 4 GB videoStay well under for fast loading
Safe zoneY:250 – Y:1670~1080×1420 of usable area
Story ad safe zoneY:250 – Y:1520Tighter at bottom for CTA button

Correct dimensions alone don't prevent overlay issues. A perfectly sized 1080×1920 image still gets text cut off if you place that text in the top or bottom 250 px. Always design within the safe zone, not just the canvas. To verify the dimensions of any image you're uploading, run it through the Instagram Post Size Checker first.

Verify your Instagram content before posting with these free tools:

Instagram Post Size Checker
Verify your Instagram post and Story dimensions, aspect ratio, and orientation against current specs.
Instagram Reels Cover Preview
Check how your Reels cover crops in the main profile grid vs the full Reels view.
TikTok Safe Zone Visualizer
Visualize which areas of your TikTok video stay visible behind the platform's UI overlays.
Free Thumbnail Editor
Design Story-ready graphics at 1080×1920 with text, shadows, and safe-zone-aware layouts.

Related Guides

Instagram Safe Zones Guide
Master reference for safe zones across every Instagram placement — Stories, Reels, posts, profile, and ads.
Instagram Story Size Guide
Dimensions, aspect ratio, cropping behavior, and safe zones for full-screen Story content.

Instagram Story Safe Zone FAQ

What is the Instagram Story safe zone?
The Instagram Story safe zone is the central area of a 1080×1920 Story image that stays clear of Instagram's UI overlays. The top ~250 px are covered by the profile header, progress bar, and menu icons. The bottom ~250 px are covered by the reply box and message bar. The usable safe zone is roughly Y:250 to Y:1670 — about 1080×1420 of unobstructed space.
Why is my Instagram Story text getting cut off?
Instagram overlays interface elements on top of every Story. Text placed in the top 250 px gets covered by the profile header and progress bar. Text in the bottom 250 px gets hidden behind the "Send message" reply box. Move all text into the center vertical safe zone to keep it readable on every device.
Where should I place text on Instagram Stories?
Place all text inside the center safe zone — between Y:250 and Y:1670 on a 1080×1920 canvas. Avoid the top 250 px (profile header) and the bottom 250 px (reply box). For Story ads, leave additional clearance at the bottom for the CTA button. Center-aligned text in the middle vertical third performs best.
What size should Instagram Stories be?
Instagram Stories should be 1080×1920 pixels with a 9:16 aspect ratio. This is full-screen vertical and matches Reels and TikTok. Correct dimensions alone don't prevent overlay issues — you also need to design within the safe zone so UI elements don't cover important content. Verify dimensions with the Instagram Post Size Checker.
Do Instagram Story ads have different safe zones?
Yes. Story ads add a Call-to-Action button (like "Shop Now" or "Learn More") anchored above the reply area, which consumes an additional ~150 px at the bottom. The effective safe zone for Story ads is roughly Y:250 to Y:1520 — about 200 px tighter at the bottom than organic Stories. Always preview ad creatives with the full ad UI in mind.
View All Instagram Tools →