QuickATools

Creators · Free browser tool

TikTok & Shorts Safe Zone Checker

Preview UI overlays on TikTok and YouTube Shorts so your captions and CTAs stay visible and on-brand.

Drag & drop a vertical screenshot

9:16 recommended · JPG, PNG, WebP · up to 20 MB

Platform overlay

Switch UI chrome to match where you publish.

Preview controls

Red bands mark high-collision UI. Keep titles, prices, and CTAs inside the dashed rectangle for TikTok.

Live safe-zone preview

TikTok · 9:16 canvas (360×640)

100% client-side · screenshots never leave your browser

Frequently Asked Questions

Which platforms does the overlay cover?

You can preview TikTok, YouTube Shorts, and Instagram Reels UI chrome—each platform has slightly different action rail placement, caption zones, and top navigation elements.

What aspect ratio should my screenshot be?

A 9:16 vertical screenshot is recommended to match how these platforms render full-screen video. The preview canvas is fixed at 360×640 (9:16) and will cover-crop other ratios to fit.

Are my screenshots uploaded anywhere?

No. Images are loaded directly into your browser and rendered on an HTML5 canvas. Nothing is sent to a server—everything, including the final downloaded export, stays on your device.

What do the dashed rectangle and grid lines mean?

The dashed rectangle marks the safe interior area least likely to be covered by platform UI. The optional grid overlay adds rule-of-thirds and center crosshair lines to help you align faces, text, and key visuals before exporting.

Tools You Might Also Need

Explore other free browser-based utilities for sellers, creators, and professionals.

Why Safe Zones Matter for TikTok, Shorts, and Reels Editing

TikTok, YouTube Shorts, and Instagram Reels each overlay a persistent UI on top of full-screen vertical video: a right-side action rail for likes and comments, a caption and sound bar near the bottom, and navigation chrome at the top. If your captions, product callouts, or subtitles sit under those elements, they get partially or fully hidden—costing you clarity, comprehension, and ultimately watch time.

A safe zone is the interior region of the frame least likely to be covered by platform UI across devices and app versions. Designing for it means keeping your most important visual information—faces, key text, CTAs—inside the dashed rectangle this tool draws over your screenshot, rather than pinned to the very edges.

This free TikTok & Shorts Safe Zone Checker renders each platform's approximate UI chrome directly on your screenshot using an HTML5 canvas, entirely in your browser. Toggle overlay opacity, switch platforms, and use the optional rule-of-thirds grid to frame subjects before you export a final safe-checked reference image—no upload, no account, no waiting.