TikTok safe zone template
The exact 1080x1920 dimensions TikTok reserves for its own UI, plus how to turn them into a guide layer inside CapCut or Premiere Pro before you export.
TikTok's safe zone, in pixels and percent
| Zone | Depth | Position |
|---|---|---|
| Top bar | 96px (5%) | Following / For You switcher, full width, pinned to the top edge |
| Caption, username, sound | 384px (20%) | Bottom band, roughly the last fifth of the frame's height |
| Like, comment, bookmark, share, profile | 151px (14%) | Right-hand column, roughly the last seventh of the frame's width |
Figures are at TikTok's standard 1080x1920 (9:16) export size and apply to both organic posts and ads. Close approximations based on TikTok's published specs, not pixel-exact measurements pulled from the live app.
Turning it into a guide layer in your editor
CapCut
Generate a reference PNG with the checker below, then add it through CapCut's Overlay feature so it sits on a layer above your main footage. Scale it to fill the full frame, drop its opacity to around 30-40%, and keep it on top while you place captions, faces, and logos. Delete or hide the overlay clip before your final export so it never renders into the video.
Premiere Pro
Import the reference PNG as a clip and place it on a track above your footage. Select it, open Effect Controls, and lower Opacity to roughly 30-40%. Premiere's built-in Safe Margins overlay (the wrench icon on the Program Monitor) shows a generic action/title-safe guide, but it isn't sized to TikTok's UI, an imported PNG lined up to the table above is the more accurate route. Toggle the track's visibility off before exporting.
Check it against your own photo first
Before building a guide layer by hand, drop a frame grab or thumbnail into the interactive checker to see these zones drawn to scale on your actual composition, and export a reference PNG straight from it.
Open the TikTok safe zone checker →Why this tiktok template beats a static PNG pack
Most searches for a tiktok template turn up either a tiktok template app to install or a paid tiktok template png pack that was measured once and never rechecked. Both go stale the moment TikTok nudges its own UI. The table above is that same tiktok template, kept current, and paired with the interactive checker so it's never just a flat tiktok safe zone overlay you have to eyeball, it's drawn to scale on your own footage.
If a downloadable tiktok safe zone png is specifically what you need for a guide layer, export one straight from the checker below rather than a generic pack: it'll match your own frame's dimensions instead of an average someone else measured.
More safe zone tools
Common questions about the TikTok safe zone template
What is a template on TikTok?
On this page, a TikTok template is the exact top bar, caption/username/sound, and icon-rail dimensions TikTok reserves for its own UI, in pixels and percent, packaged so it can be turned into a guide layer in an editor. It's a composition reference, not a design template with pre-built text or graphics, its whole purpose is showing where TikTok's own interface will cover part of the frame, so nothing important gets placed there by accident.
Is there a downloadable TikTok safe zone template PNG?
A dedicated transparent-overlay PNG pack is in the works and not live yet. In the meantime, the free interactive checker below already draws the exact safe zone to scale on your own photo or frame grab, and lets you export a reference PNG to use as a placement guide while you edit.
Has TikTok's safe zone changed for 2026?
The dimensions on this page reflect TikTok's current published creator and ads specs. TikTok periodically nudges its UI (a wider icon rail, a taller caption band), so this template gets rechecked against the live app rather than left static, treat any safe zone template, including this one, as a close approximation rather than a permanent pixel-exact spec.
How do I add a TikTok safe zone template in CapCut?
Import the reference PNG, then use CapCut's Overlay feature to place it on top of your main timeline. Scale it to fill the full frame, drop the opacity down so you can still see your footage underneath, and leave it on the top layer while you edit. Delete or hide the overlay clip before your final export so it doesn't render into the video.
How do I add a TikTok safe zone template in Premiere Pro?
Import the reference PNG as a clip and place it on a video track above your footage (e.g. V2 sitting over V1). Select the clip, open Effect Controls, and lower its Opacity to around 30-40% so it acts as a guide. Premiere's built-in Safe Margins overlay (the wrench icon on the Program Monitor) shows a generic action/title-safe guide, but it isn't sized to TikTok's UI, so an imported PNG is the more accurate route. Toggle the track's visibility (the eye icon) off before you export.
Are TikTok safe zones organic the same as TikTok ads safe zones?
Largely the same underlying 1080x1920 frame and UI placement, but ads specs are the more conservative, better-documented source, since a brand can't risk a cropped logo or CTA. For organic posts, the same figures apply in practice: the caption/username/sound band and the icon rail cover an identical footprint whether a video is boosted or posted for free, so one template works for both.
Does this work for Instagram too?
TikTok and Instagram Reels reserve similar but not identical space. See the dedicated Instagram safe zone template page for the exact Reels, Story, and Post dimensions instead of reusing TikTok's figures.