Free TikTok Safe Zone Template (UI Overlay PNG)

This free TikTok safe zone template is a transparent PNG overlay. It grays out the parts of the screen where TikTok draws its buttons, username, and caption. Put it on top of your video while you edit, then keep faces and on-screen text inside the clear box.

The file is 4K (2160 × 3840 px, 9:16). It stays sharp in a 4K project and scales down cleanly to a 1080 × 1920 one.

Need video ideas first? RightBlogger’s TikTok idea generator is free to try.

What the Safe Zone Template Covers

The gray areas mark where TikTok’s interface usually sits on top of a full-screen video. Here is what the PNG blocks, measured from the file itself:

Edge	What TikTok shows there	At 2160 × 3840	At 1080 × 1920
Top	Feed tabs and search	397 px	198 px
Bottom	Username, caption, and sound name	1,055 px	528 px
Right	Profile, like, comment, save, and share buttons	369 px	185 px
Left	Nothing blocked	0 px	0 px

That leaves a clear area of about 895 × 1194 px on a 1080 × 1920 video. Keep faces, captions, logos, and calls to action inside it.

The box is conservative on purpose. TikTok’s own In-Feed ad specs say the safe zone size depends on caption length and any add-ons. The extra room at the bottom gives you a buffer. Other templates cut it closer. EasyEdit’s guide, for example, leaves 108 px at the top, 320 px at the bottom, 60 px on the left, and 120 px on the right.

None of these pixel numbers come from TikTok. Its official safe zone files are downloadable zips on that same specs page, and TikTok notes its ad preview is “not specific to a device.” Check your video in the app before you post.

TikTok Video Specs to Start From

Build for vertical 9:16. At full HD that means 1080 × 1920, which is exactly half the size of this overlay.

If you run ads, TikTok’s In-Feed ad specs recommend vertical 9:16 at 540 × 960 px or larger. Ad videos can run up to 10 minutes and 500 MB in MP4, MOV, MPEG, 3GP, or AVI. Horizontal 16:9 and square 1:1 are accepted, but vertical is the recommended option.

How to Add the Overlay in Your Editor

Any editor that can stack a PNG over video will work. That includes the free options in InVideo’s roundup of free video editing software. Browser-based tools like Adobe Express can work too, as long as they let you place an image layer over the whole clip.

Final Cut Pro

Final Cut Pro loads the PNG as a viewer overlay. Click the View pop-up menu in the upper-right corner of the viewer, then choose Choose Custom Overlay > Add Custom Overlay and pick the PNG.

Overlays only appear in the viewer, so the PNG never ends up in your export (Apple’s custom overlay guide). You can change its opacity under Show Custom Overlay. Since the file is 9:16, it fits both 4K and 1080p vertical projects. If you edit in Final Cut a lot, peep my picks for the best free Final Cut Pro plugins.

Premiere Pro

Put the PNG on the top video track and stretch it across your whole timeline. Turn that track off before you export, or the overlay gets burned into the video. Premiere’s built-in Safe Margins are standard 10% and 20% boxes (Adobe’s safe zone docs), so they don’t match TikTok’s layout.

CapCut

On desktop, add your video to the timeline, use Overlay to import the PNG from your device, and stretch it to fill the frame. In the mobile app, tap Overlay, pick the image, and tap Add overlay (CapCut’s overlay guide). Delete or hide the overlay layer before you export.

DaVinci Resolve

Use the same track method. Drop the PNG on the top video track, line it up with your frame, and disable that track before you render.

Why TikTok’s Safe Zone Matters

TikTok draws its buttons, username, and caption on top of your video. Anything underneath is hard to see or fully hidden. Skip the safe zone and you risk:

• Captions and text overlays that viewers can’t read
• A face or key moment hidden behind the button column
• A logo or call to action buried under your own caption
• A cluttered frame that looks less polished

The fix takes seconds. Edit with the overlay on, keep the important parts in the clear box, and switch it off before export. For more on hooks and on-screen text, see our short-form video tips.

Does It Work for Reels and Shorts?

Partly. Instagram Reels and YouTube Shorts use the same 9:16 frame, but their buttons sit in different spots. Use this overlay as a rough starting crop, then check each app.

Meta publishes its own rule for Reels ads: leave at least 14% of the top, 35% of the bottom, and 6% of each side free of text and logos (Meta’s Reels ad specs). On a 1080 × 1920 video, that works out to about 269 px at the top, 672 px at the bottom, and 65 px per side.

For Shorts, Google’s YouTube video ad specs include free transparent PNG safe zone templates in vertical, horizontal, and square sizes. They’re made for ads, but they show where YouTube’s buttons and overlays can land.

Designing visuals for LinkedIn too? Our LinkedIn banner size guide covers the same crop-and-overlap math for profile and company page banners.

FAQ

What are the TikTok safe zone dimensions? TikTok doesn’t list pixel margins in its help pages. It offers downloadable safe zone files for ads instead. This template blocks 198 px at the top, 528 px at the bottom, and 185 px on the right of a 1080 × 1920 video, which leaves about 895 × 1194 px clear.

What size is the overlay PNG? 2160 × 3840 px (4K, 9:16) with a transparent safe area. Scale it to 50% for a 1080 × 1920 project.

Can I use this overlay in any video editor? Yes. Any editor that can layer a PNG over video works, including CapCut, Premiere Pro, Final Cut Pro, and DaVinci Resolve.

Will the overlay show up in my exported video? Only if it sits on a timeline track. Turn that track off before you export. Final Cut Pro’s custom overlay is viewer-only, so it never exports.

Is the TikTok safe zone overlay free? Yes. Use the download button at the top of this page. There’s no sign-up.