It's the central area of the frame that stays visible after the platform overlays its UI (captions, username, action buttons). Keeping text and key visuals inside the safe zone means nothing important gets covered.

How do I use the downloaded PNG template?

Import the transparent PNG as the top layer in your video or design editor. The shaded regions mark where platform UI appears; keep your content inside the green dashed outline, then hide or delete the layer before exporting.

How is the crop calculated?

It uses a cover-fit: it finds the largest crop of your source that matches the target aspect ratio, centered, so the whole canvas is filled with no letterboxing. The tool shows the crop width, height, and pixel offset.

Aspect Ratio & Safe-Zone Template

Download safe-zone templates for TikTok, Reels, Shorts and Stories. See the keep-clear UI margins, get a transparent PNG overlay, and compute the exact crop for your source video.

By AbraCalc Editorial Team · Reviewed by AbraCalc Methodology Review · Last reviewed: 2026-06-26 3 sources

Embed this tool on your site

<iframe src="https://abracalc.com/app/aspect-ratio-safezone/embed.html" width="360" height="340" style="border:1px solid #e6e1f0;border-radius:12px" loading="lazy"></iframe>

Cite this tool

APA

AbraCalc. (2026). Aspect Ratio & Safe-Zone Template [Online calculator]. Retrieved from https://abracalc.com/app/aspect-ratio-safezone/

BibTeX

@misc{abracalc-aspect-ratio-safezone, author = {AbraCalc}, title = {Aspect Ratio & Safe-Zone Template}, year = {2026}, howpublished = {\url{https://abracalc.com/app/aspect-ratio-safezone/}} }

Did this tool answer your question?

How to use this tool

Choose the platform or format you're publishing to.
Read the preview: the green dashed box is the safe zone; shaded bands are kept clear for platform UI.
Enter your source footage width and height to get the exact cover-crop dimensions and offset.
Click Download PNG template and drop the transparent overlay onto a layer in your editor.
Copy the URL to reuse or share the same template settings.

Captions, profile names, and the like/comment/share rail cover the edges of every vertical video. The Aspect Ratio & Safe-Zone tool shows you exactly where those UI elements sit so your important content never gets hidden behind them — for TikTok, Instagram Reels & Stories, YouTube Shorts, square posts, and standard 16:9.

Pick a platform and you get an accurate safe-zone overlay: the full canvas dimensions with the keep-clear margins shaded and the usable area outlined. You can download a transparent PNG template to drop straight onto a layer in your editor (Premiere, CapCut, Canva, Figma). Enter your source footage dimensions and it also computes the exact cover crop (width, height, and offset) needed to fit the target format without distortion.

Built for creators, video editors, and social media managers. The platform and source dimensions are saved in the URL so a shared link reproduces the same template and crop math.

How it works

The Aspect Ratio and Safe-Zone Template tool generates precise overlay templates for vertical video platforms including TikTok, Instagram Reels, YouTube Shorts, and Stories. Each platform reserves screen space for UI elements — profile icons, captions, like buttons — that overlay the video and hide content behind them.

The tool shows the exact pixel margins to keep clear on each platform and produces a transparent PNG overlay you can place over your video timeline in an editing app. It also calculates how a wider source video (such as 16:9 footage) must be cropped to fit the target format without losing important content.

Use this before shooting to plan framing, or during editing to check whether text, faces, and key visuals fall within the safe zone.

Worked example

Generate a TikTok safe-zone overlay for 1080x1920 footage

Select TikTok as the platform.
The tool displays the 9:16 canvas with shaded keep-clear margins: approximately 250px at the bottom for captions and UI, 130px at the top for the status bar.
Download the transparent PNG overlay.
In your video editor, place the overlay on a track above your footage.
Ensure all key visuals and text stay within the unshaded center region.

A ready-to-use overlay that prevents important content from being hidden behind TikTok's UI.

Common mistakes to avoid

Placing text or logos at the very bottom of the frame without accounting for caption and sticker overlays, which cover approximately the bottom 25% on TikTok.
Assuming the safe zone is the same across all platforms — always check the template for the specific platform you are targeting.
Downloading the overlay at the wrong resolution and stretching it to fit, which distorts the margin dimensions.

Key terms

Safe zone: The area of a video frame guaranteed to be visible to viewers without being obscured by platform UI overlays.
Aspect ratio: The width-to-height ratio of a video frame, expressed as W:H (e.g. 9:16 for vertical video, 16:9 for widescreen).
Letterboxing: Black bars added to the top and bottom (or sides) of a video when the source aspect ratio does not match the target, preserving the full frame.

Frequently asked questions

What is a safe zone?: It's the central area of the frame that stays visible after the platform overlays its UI (captions, username, action buttons). Keeping text and key visuals inside the safe zone means nothing important gets covered.
How do I use the downloaded PNG template?: Import the transparent PNG as the top layer in your video or design editor. The shaded regions mark where platform UI appears; keep your content inside the green dashed outline, then hide or delete the layer before exporting.
How is the crop calculated?: It uses a cover-fit: it finds the largest crop of your source that matches the target aspect ratio, centered, so the whole canvas is filled with no letterboxing. The tool shows the crop width, height, and pixel offset.