Planning
Vertical Video Safe-Zone Guide
Drop in one frame of your video to see which parts the app's interface covers and which parts stay visible.
What this is
A safe zone is the part of a vertical video frame that the app's own interface does not cover — the button column down the right, the account name and caption along the bottom, the search or status bar at the top. The frame is 1080×1920 pixels everywhere, but what sits on top of it differs by platform, so text that reads perfectly in Shorts can end up behind the caption in TikTok. This tool draws those covered areas over a frame of your own.
How it works
The overlay is expressed as a percentage of frame height and width rather than fixed pixels, because apps place their buttons relative to the screen. Percentages stay correct on any handset; pixel offsets do not.
Interface bounds shift whenever a platform updates its app, so treat this as a generous working margin rather than an official specification. Keeping text within the middle third of the frame is the rule that survives any interface update.
The right-hand side is the most dangerous area on every platform. That is where like, comment, share and the profile picture stack up, and the column eats roughly a fifth of the frame width across more than half its height. A speaker's face placed on the right is nearly always partly covered.
How to use it
- Choose the platform Each platform has different interface bounds; the overlay adjusts.
- Drop in one frame of your video A screenshot from your edit is enough; the image is not sent anywhere.
- Check what falls under the overlay Move text and faces out of the shaded areas, then re-export your video.
Common questions
- What size and ratio should a vertical video be?
- Vertical video for Shorts, Reels, TikTok and Stories uses a 9:16 ratio, which at full resolution means 1080×1920 pixels. All of those platforms accept the same size, so one export serves all four — only the interface placed on top of it differs.
- Where should text go?
- Put text in the middle third of the frame, clear of roughly the top 15%, the bottom 20% and the right-hand 20%. That middle area stays visible on every platform at once, so a single export works everywhere without rearranging the layout.
- Are these bounds official platform specifications?
- No — these are working margins measured from how the apps display, and deliberately a little more generous than strictly needed. Platforms rearrange their interfaces over time, so a generous margin is safer than a precise number that goes out of date.
- Is the image I upload sent to a server?
- No — the image is read and drawn by your browser alone. The file never leaves your device and we keep no copy of it.
Notes
- The image is processed on your device; no file is uploaded.
- Interface bounds are working estimates and can change when a platform updates its app.