2026 Mobile UI Overlay Calibration

Instagram Reel Safe Zone & TikTok Safe Area Checker

Preview your video frames and image posts under real Instagram Reel, Story, TikTok, and Feed UI overlays. Check titles, captions, and buttons before publishing to avoid blocked text.

2026 UI Approximation Notice: Dimensions shown are calibrated approximations of current 2026 mobile app interfaces for Instagram, TikTok, and LinkedIn. Mobile apps frequently update navigation bars, captions, and engagement rails. Always position vital hooks, subtitles, and CTA buttons safely inside the green dashed safe box.

Select Platform & Format

Upload Image or Video Frame

Overlay Toggles

Show UI Danger Zones
Show UI Zone Text Labels
Live Preview: Instagram Reel (9:16)1080 × 1920 px

Top accounts for audio ticker & header; bottom accounts for creator handle, caption, and music title; right rail accounts for like, comment, bookmark, and share buttons.

Social Media Safe Zone Dimensions & Margin Guide (2026)

Calibrated px dimensions for Reels, Stories, TikTok videos, and carousels.

FormatCanvas SizeAspect RatioTop / Bottom UILeft / Right UISafe Area
Instagram Reel (9:16)
Top accounts for audio ticker & header; bottom accounts for creator handle, caption, and music title; right rail accounts for like, comment, bookmark, and share buttons.
1080 × 19209:16T: 220px / B: 420pxL: 60px / R: 120px900 × 1280 px
Instagram Story (9:16)
Top accounts for avatar and progress bar; bottom accounts for "Send message" input, sticker reactions, and share drawer.
1080 × 19209:16T: 250px / B: 340pxL: 60px / R: 60px960 × 1330 px
Instagram Feed / Carousel (4:5)
Full 4:5 feed view has 100% visibility. However, your profile grid center-crops 135px off the top and bottom to a 1:1 square (1080×1080). Keep focal subject in center 1:1.
1080 × 13504:5T: 0px / B: 0pxL: 0px / R: 0px1080 × 1080 px
TikTok Video (9:16)
Top accounts for search bar and Following/For You tabs; bottom accounts for multi-line caption, sound disk, and shop stickers; right rail accounts for avatar plus 5 vertical action buttons.
1080 × 19209:16T: 160px / B: 480pxL: 60px / R: 140px880 × 1280 px
LinkedIn Feed / Document (4:5)
Standard 4:5 portrait feeds display fully without intrusive UI overlays. A small 40px padding on all sides is recommended to prevent edge truncation on varied mobile viewports.
1080 × 13504:5T: 0px / B: 0pxL: 0px / R: 0px1000 × 1270 px
Agent-Native Visual Creator

Turn this into a full branded carousel with EasySociable

Stop manually designing slides and worrying about safe zone crop lines. EasySociable transforms any prompt, markdown outline, or viral hook into polished, multi-platform carousels for TikTok, Instagram, LinkedIn, Threads, and Xiaohongshu with perfect typography and safe margins built-in.

Connect AI Agents via MCPMCP Compatible
# Connect EasySociable Content Engine:
npx -y @easysociable/cli mcp serve
Generate Decks from Claude & CursorGet Started Free →

Frequently Asked Questions

What is an Instagram Reel safe zone?

An Instagram Reel safe zone is the central 900×1280 px area of a 1080×1920 (9:16) video that remains visible and unobscured by Instagram's native UI overlay. The top 220px is covered by header controls and sound tickers; the bottom 420px is covered by your caption and profile handle; and the right 120px is covered by like, comment, and share icons.

How does the TikTok safe zone differ from Instagram Reels?

TikTok features a slightly larger bottom UI zone (up to 480px) to accommodate multiple lines of description text, music tags, and shop links. TikTok also places a wider action rail on the right side (~140px) with 5 stacked buttons. Keeping text within 880×1280 px ensures clean display on both platforms.

What is the Instagram Feed 4:5 profile grid crop?

When you post a 4:5 portrait image or carousel (1080×1350 px), it appears full size in user home feeds. However, on your profile page, Instagram center-crops 135px from the top and bottom to render a 1:1 square (1080×1080 px). Always keep logos, faces, and main headlines inside that center 1080×1080 box.

How do I use the blank safe-zone template PNG in Premiere, CapCut, or Canva?

Click "Download blank safe-zone template PNG" above. Import the downloaded PNG as the topmost layer or track in your video editor (CapCut, Premiere Pro, DaVinci Resolve) or design tool (Photoshop, Figma, Canva). Reduce opacity to 40% while editing your text and stickers, then hide or delete the template track before exporting your video.

Are my uploaded images or video files sent to any server?

No. All image processing, video frame extraction, and canvas overlays run 100% locally in your browser using HTML5 Video and Canvas APIs. None of your media files or confidential video clips are transmitted to any server.

Related Guides: