Instagram Story Safe Zone Checker
Upload your story design and see exactly where Instagram’s UI will cover your text or CTA. Never lose important content behind the profile header or reply bar again.
Instagram covers parts of your story with UI elements like the profile header (top), reply bar (bottom), and reaction buttons. The “safe zone” is the area where your content stays visible and readable.
Ever posted a story where the caption got cut off by the reply bar, or your CTA disappeared behind the profile name? That happens because Instagram automatically overlays UI elements on top of your design — and most creators never see the problem until after posting.
This free Instagram Story Safe Zone Checker lets you preview your story design before you post it. Upload your image, toggle the overlays, and see the safe zone, danger zones, and simulated Instagram UI in one place.
What This Tool Does
- Safe zone overlay — see exactly where your text and CTAs will stay visible
- Danger zone highlights — see where Instagram UI covers your design
- Instagram UI simulation — preview how the profile header and reply bar sit on your image
- Grid lines — align your content precisely to the frame
- Feed post + Story/Reel modes — check safe zones for both formats
- Downloadable safe zone template — use it as a design guide in Photoshop, Canva, or Figma
Why Instagram Story Safe Zones Matter
Instagram doesn’t give you the full 1080×1920 canvas to work with. Instead, it reserves parts of the screen for UI elements that appear on top of your story:
- Top zone (about 250px): username, profile photo, story timer, and menu icons
- Bottom zone (about 250px): “Send message” reply bar, reactions, share button, and DM icon
Anything you place inside those zones gets partially or fully covered on someone’s screen. If your key text, hook, or call-to-action lands there, most viewers will never see it clearly.
The safe zone is the middle area where your content is guaranteed to stay visible on every device.
How to Use the Instagram Story Safe Zone Checker
- Choose your format. Select Story/Reel for 1080×1920 or Feed Post for 1080×1350.
- Upload your design. Drag and drop your JPG, PNG, or WebP into the upload area.
- Toggle the overlays. Turn on Safe Zone, Danger Zones, Grid Lines, or Simulate Instagram UI depending on what you want to check.
- Review the preview. See exactly which parts of your design will be covered and which will stay visible.
- Adjust and re-upload. Move important elements out of the danger zones and back into the safe zone.
- Download the safe zone guide (optional) to use as a template layer in your design software.
Instagram Story Dimensions and Safe Zone Measurements
| Format | Full Canvas | Top Danger Zone | Bottom Danger Zone | Recommended Safe Zone |
|---|---|---|---|---|
| Story / Reel | 1080 × 1920 px | Top 250 px | Bottom 250 px | Middle 1080 × 1420 px |
| Feed Post (Portrait) | 1080 × 1350 px | Minimal | Caption area below | Full canvas usable |
What Gets Covered in Instagram Stories
Top of the screen
- Profile picture and username
- Story timeline bar
- “Following” or “Follow” button
- Three-dot menu icon
- Time posted (e.g., “2h”)
Bottom of the screen
- “Send message” reply bar
- Heart / reaction button
- Paper airplane / share icon
- Camera icon
Side edges (occasionally)
- Notch on iPhones
- Rounded corners on newer devices
Where to Place Important Content in Your Story
- Headline or hook: Place it in the upper-middle section, about 300–500 px from the top
- Main text: Keep it in the central 60% of the canvas
- Call to action: Position it around 60% down the canvas, not at the bottom edge
- Swipe up or link sticker: Place it in the safe zone, never near the reply bar
- Product/subject: Center it or place it slightly above the middle for visual balance
Instagram Story Safe Zone for Design Tools
Canva
Use the 1080×1920 story template and add ruler guides at 250 px from the top and 250 px from the bottom. Keep all key elements between those guides.
Photoshop
Create a 1080×1920 canvas and add horizontal guides at 250 px and 1670 px. Group your important elements to stay between them.
Figma
Use a 1080×1920 frame and set constraint zones at 250 px top and bottom. The safe zone template from this tool can be imported as a background layer.
Mobile design apps (VSCO, InShot, Over)
Manually leave the top and bottom 15% of the canvas empty for UI elements. Preview using this tool before exporting.
Common Mistakes When Designing Instagram Stories
- Placing the main headline in the top 250 px where the profile bar overlays it
- Adding the CTA button in the bottom 250 px where the reply bar covers it
- Cutting off product photos at the edges of the frame
- Using small text near the top or bottom that becomes unreadable
- Not accounting for the notch on newer iPhones
- Designing on desktop without previewing how the story looks with UI on top
Story Safe Zone vs Feed Post Safe Zone
Stories and feed posts have very different safe zone rules.
- Feed posts use the full canvas without UI overlays. What you design is what people see.
- Stories and Reels have permanent UI overlays at the top and bottom that cover about 15% of the screen each.
- Reels also add caption text and creator info near the bottom-left that can cover additional content.
Why This Tool Beats Guessing
- You see the exact areas Instagram covers before posting
- You avoid the frustration of reposting stories because text got hidden
- You can design confidently knowing your CTA will actually be visible
- You save time by catching problems in preview instead of after posting
- You improve engagement because viewers can actually read your key message
Ideal For
- Content creators posting daily stories
- Social media managers designing for brands
- Small businesses running story ads
- Coaches and course creators promoting offers in stories
- Designers creating story templates for clients
- Anyone who has ever had text cut off by the Instagram UI
FAQ
What is a safe zone on Instagram stories?
The safe zone is the central area of the Instagram story canvas where your content stays visible and is not covered by Instagram UI elements like the profile header at the top or the reply bar at the bottom.
What are the safe zone dimensions for Instagram stories?
The full canvas is 1080×1920 px. The top 250 px is covered by the profile header, and the bottom 250 px is covered by the reply bar. The recommended safe zone is the middle 1080×1420 px area.
How do I check if my Instagram story is inside the safe zone?
Upload your story image to this tool and toggle the Safe Zone and Danger Zones overlays. You will see exactly which parts of your design will be covered by Instagram UI and which will stay visible.
Why does Instagram cover part of my story?
Instagram overlays UI elements like the profile bar, story timer, and reply bar on top of your story so viewers can interact with it. Any content in those areas gets hidden or partially covered.
What size should my Instagram story be?
The recommended Instagram story size is 1080×1920 pixels with a 9:16 aspect ratio. Keep important content within the middle safe zone to avoid it being covered.
Does the safe zone apply to Instagram Reels too?
Yes. Reels use the same 1080×1920 canvas and have similar UI overlays at the top and bottom, plus caption text on the bottom-left. Keep key elements away from those areas.
Is this Instagram story safe zone checker free?
Yes. This tool is 100% free, works entirely in your browser, and does not require sign-up or downloads.
Can I download a safe zone template to use in Canva or Photoshop?
Yes. This tool includes a downloadable safe zone guide you can import as a background layer in Canva, Photoshop, Figma, or any design software.
Does the tool work on mobile?
Yes. You can upload story designs directly from your phone and preview the safe zones in your mobile browser.
Does the tool save my uploaded images?
No. All image processing happens locally in your browser. Your designs are never uploaded to any server.
Design Better Stories, Every Time
Stop guessing where Instagram will cover your story text. Upload your design, check the safe zones, and post with confidence knowing every important element will be visible to your audience.
Looking for more Instagram tools?
- Instagram Bio Generator — create a custom bio in seconds
- Color Palette Extractor — pull brand colors from any image
- Highlight Cover Maker — design custom highlight covers
- Meme Generator — create memes for Instagram Stories
Related Instagram Story guides:
- How to change photo shape in Instagram story
- How to make videos loop on Instagram story
- How to put slow motion video on Instagram story
- Instagram Story Preview Guide