Free tools

TikTok Safe Zone Checker (Free — Overlay Your Own Frame)

Drop in a frame from your TikTok video and this tool overlays the exact areas TikTok’s interface sits on top of — the top Following/For You tabs and status bar, the right-hand action rail, the caption and username block, and the bottom navigation. You see at a glance whether your hook text, your face, or your on-screen call-to-action is about to disappear behind a Like button or a hashtag. Everything happens in your browser: your image is never uploaded, stored, or sent anywhere.

The canvas matches a real TikTok video — 1080 × 1920 px, 9:16 — read straight from the same verified dataset behind our TikTok video size guide, so the frame here and the spec sheet it links to can’t drift apart. The overlays are positioned from documented TikTok UI measurements, not guesswork, but they remain a guide rather than a pixel-exact spec — TikTok adjusts its layout between app versions and devices.

Drag and drop a frame from your clip here, or

JPEG, PNG, or WebP, up to 20 MB. Processed in your browser — never uploaded.

Your frame will appear here with the safe-zone overlays.

Interface zones

Toggle a zone to show or hide its overlay.

What the interface covers

These are the share of the total frame each interface zone occupies — pure geometry. The tool can’t see your image, so it makes no claim about whether your subject is covered; judge that against the overlay above.

  • Top tabs / status covers 8.0% of the frame
  • Right action rail covers 9.4% of the frame
  • Caption, username & sound covers 14% of the frame
  • Bottom nav bar covers 5.0% of the frame

UI element positions are approximate and vary by app version, device, and screen size — treat the overlays as a guide, not a pixel-exact spec. As of June 2026.

Your image is processed entirely in your browser with the Canvas API — it never leaves your device, and nothing is uploaded or stored.

Share this tool

Guide

Designing for the safe zones

Where TikTok’s interface actually sits

A TikTok video plays full-screen, but TikTok lays its own controls on top of your footage — and those controls don’t move for your content. The top of the frame carries the Following and For You tabs, the search icon, and the device’s status bar or notch. The right edge holds the vertical action rail: your profile avatar with the follow button, then like, comment, bookmark, share, and the spinning audio disc, stacked from roughly mid-frame downward. The bottom strip packs your @username, caption text, hashtags, and the scrolling music label — and that region can grow even taller when a caption expands or runs to multiple lines.

Anything you place under those areas is still in your video file, but viewers won’t reliably see it. The most common mistake is burning a key caption or a call-to-action into the lower portion of the frame, exactly where TikTok’s own caption block lands. Overlay your frame here and the collision becomes obvious before you publish instead of after.

Composing for the zone that stays visible

The reliable real estate on a TikTok video is the centre of the frame, biased slightly upward. Keep faces, products, and any text that needs to be read inside that band — clear of the right rail and the bottom portion. If your hook is text, the upper-middle works best: high enough to avoid the caption block, low enough to clear the top tabs and status bar.

Remember that the overlays mark where the interface lives, not a hard crop. Your footage isn’t trimmed; it’s covered. A decorative background can bleed edge to edge quite happily — it’s the meaningful elements that need to stay in the open. When in doubt, treat the right quarter and the bottom fifth as borrowed space: fine for atmosphere, risky for anything a viewer actually needs to see or act on.

Reading the coverage numbers without overtrusting them

Each TikTok zone’s percentage is just its rectangle area over the full 9:16 frame — nothing more. The tool measures the interface, not your clip, so it can’t tell you whether the For You tabs are landing on dead space or whether the caption block is swallowing your punchline. We report the geometry plainly rather than inventing a "subject blocked" verdict that no in-browser tool could honestly produce.

The one number worth watching closely on TikTok is the caption block: it is drawn at its resting height, but a long or expanded caption grows it taller (the per-zone note flags the ~250–324 px range), so give the lower-middle of the frame extra clearance even if the overlay looks like it leaves room. Toggle the rail and caption zones in the legend as you reposition, and remember the layout is transcribed from documented TikTok measurements that shift between app versions and devices — plan with a margin, not to the pixel.

Quick questions

Does this tool upload my video or image?

No. Your TikTok frame stays on your device the whole time — the Canvas API draws it and the overlays in the page itself, and any annotated preview downloads back to you directly. No server receives the file, nothing is stored or logged, and the tool behaves identically whether you are online or fully offline.

What are the TikTok safe zones?

They’re the areas of a TikTok video where the app’s own interface sits on top of your footage: the top tabs and status bar, the right-hand action rail (profile avatar, like, comment, bookmark, share, audio disc), and the bottom caption and username block. Keep anything important — your face, your hook, on-screen text — out of those areas and toward the centre of the frame.

Does the checker detect whether my subject is covered?

No. It plots the top tabs, action rail, and caption block and reports how much of the frame each covers — that is the entire measurement. Whether your hook text sits behind the caption or your face clears the rail is a call you make by eye with the overlay on, especially since the caption block can grow with longer text. We will not invent a "subject blocked" figure a browser tool cannot actually measure.

Are the overlay positions exact?

They’re transcribed from documented TikTok UI measurements, so they’re accurate enough to plan around — but they’re a guide, not a pixel-perfect spec. TikTok shifts its layout between app versions, devices, and screen sizes (and the caption zone grows when captions expand), so leave a little margin rather than placing content right at a zone edge.

Embed this tool on your site

Free to use — paste this snippet into any page. It stays up to date automatically and links back to SocialKit.

<iframe src="https://socialk.it/embed/tiktok-safe-zone-checker" width="100%" height="920" style="border:1px solid #e5e7eb;border-radius:12px;max-width:680px" loading="lazy" title="TikTok safe zone checker by SocialKit"></iframe>

Framed it right? Now schedule the Reel

SocialKit publishes scheduled Reels natively to Instagram — check your framing here, then let the calendar publish it at the right time across all 11 platforms.

Start My Free Trial

€0.00 due today · cancel anytime · 7-day money-back guarantee