On Stories, Reels, TikTok, and Shorts, parts of the screen are covered by the app’s own UI — the caption, action buttons, profile, and progress bar. Safe zones are the area that stays visible, so anything important should sit inside them.

Why is the “All” box smaller?

The combined view takes the most restrictive margin on each side across Instagram, TikTok, and Shorts, so content inside it stays clear on every platform — handy when you post the same clip everywhere.

They’re close approximations — exact overlays shift slightly with app updates, devices, and features like link stickers. Leave a little extra margin for safety.

Story & Reel Safe Zone Checker

Check that your vertical video or story frame won’t get covered by the app’s interface. Upload a 9:16 image and the tool overlays the safe zones for Instagram Stories and Reels, TikTok, and YouTube Shorts — the red areas are where captions, buttons, and the profile sit, and the green box is the safe area. Keep your text, faces, and logos inside it. Everything runs in your browser.

How to use Story & Reel Safe Zone Checker

Upload a 9:16 frame or screenshot.
Pick a platform, or use “All” to see the area that’s safe everywhere.
Move your important content inside the green safe box.
Download the guide overlay for reference, or a clean 1080×1920 version.

Frequently asked questions

What are safe zones?: On Stories, Reels, TikTok, and Shorts, parts of the screen are covered by the app’s own UI — the caption, action buttons, profile, and progress bar. Safe zones are the area that stays visible, so anything important should sit inside them.
Why is the “All” box smaller?: The combined view takes the most restrictive margin on each side across Instagram, TikTok, and Shorts, so content inside it stays clear on every platform — handy when you post the same clip everywhere.
Are these exact?: They’re close approximations — exact overlays shift slightly with app updates, devices, and features like link stickers. Leave a little extra margin for safety.

More Image & Design Tools

CSS px ↔ rem/em Converter — Convert px to rem and em at a chosen root font size, both directions, with a handy quick-reference table — exact math, in your browser.
Color Converter & Contrast Checker — Convert colors between HEX, RGB, HSL, HSV, and OKLCH, and check WCAG AA/AAA contrast between any two colors — all live in your browser.
SVG Optimizer — Minify and clean SVG markup — strip comments, editor metadata, and whitespace, round coordinates — with a live before/after size readout and preview.
CSS Generator Suite — Visual sliders for gradients, box-shadows, and glassmorphism — copy production-ready CSS.
SVG → PNG Converter — Convert any SVG vector to a PNG raster at custom resolutions, with transparent or solid backgrounds.
Image → SVG (Trace) — Vectorize PNG, JPG, or WebP images into scalable SVG paths with adjustable color palette and detail.
Image Cropper, Resizer & Compressor — Crop to any aspect ratio, resize to exact dimensions, and compress JPG/PNG/WebP — all in your browser.
AI Background Remover — Erase backgrounds from portraits and product photos using a neural network that runs entirely in your browser.