ThumbCrafted
← Back to Creator Tools

TikTok Safe Zone Visualizer — Avoid Text Cutoff & UI Overlays

TikTok covers a surprising amount of your video with interface elements. Your username, caption, and music ticker sit on the bottom-left. Like, comment, share, and bookmark buttons line the right side. Navigation tabs and the search icon sit at the top. If your text, logo, face, or key visual falls under any of these overlays, it's hidden — and there's no way to fix it after posting.

The safe zone is the center area of your video where content stays fully visible behind all of TikTok's UI. This guide maps every overlay, defines the exact safe zone, and covers the most common mistakes creators make when placing content outside it.

TikTok Safe Zone at a Glance
Video Size: 1080×1920 px (9:16)
Safe Zone: Center 50–60%
Bottom-left: Avoid ~300 px (captions)
Right side: Avoid ~80 px (buttons)
Top: Avoid ~100 px (nav tabs)
Ad bottom: Avoid ~380 px (CTA + caption)
Jump to:

What Is the TikTok Safe Zone?

The TikTok safe zone is the area of your 9:16 video that remains fully visible after TikTok layers its interface elements on top. Unlike platforms that crop your image to different aspect ratios, TikTok displays your full 9:16 video — but it covers significant portions of it with UI that you can't remove.

On a 1080×1920 canvas, the safe zone is approximately:

The effective safe zone — the area clear of all overlays in all contexts — is roughly the center 50–60% of the frame. This is where all critical content (text, faces, logos, product shots) should live.

Make sure your video is the correct size first. Use the TikTok video size checker to verify your dimensions before worrying about safe zones.

TikTok UI Overlays Explained

Here's exactly what TikTok places on top of your video and where each element sits:

UI ElementPositionSize (approx)Always Visible?
Username + Follow buttonBottom-left~400×40 pxYes
Caption textBottom-left~700×80 px (varies by length)Yes (expandable)
Music / Sound tickerBottom-left~500×30 pxYes
Like button + countRight side, middle~60×70 pxYes
Comment button + countRight side, below like~60×70 pxYes
Bookmark buttonRight side, below comment~60×70 pxYes
Share buttonRight side, below bookmark~60×70 pxYes
Creator avatarRight side, above like~60×60 pxYes
Spinning music discBottom-right corner~50×50 pxYes
For You / Following tabsTop center~400×50 pxYes (on For You page)
Search iconTop-right~40×40 pxYes
Progress barVery bottom edgeFull width × 4 pxYes

The bottom-left is the most dangerous zone

The username, caption, and music ticker all stack vertically in the bottom-left, creating a large overlay zone. A 2-line caption covers roughly 300 px from the bottom on the left half of the screen. A longer caption (3–4 lines) covers even more. This is the area where most creators lose important content.

The right side is a permanent column

The engagement buttons (like, comment, bookmark, share) plus the creator avatar form a vertical column on the right side that covers roughly the rightmost 80 px of your video. This column is always present and can't be hidden.

Common TikTok Safe Zone Problems

Text hidden behind the caption

Any text placed in the bottom third of the video on the left side is hidden behind the username, caption, and music ticker. This is the most common safe zone mistake. Move text to the vertical center of the frame.

Logo obscured by engagement buttons

Logos or watermarks placed on the right side of the frame are covered by the like, comment, share, and bookmark buttons. Place logos on the left side in the upper half, or dead center.

Subtitle text at the bottom is unreadable

Subtitles or captions added inside the video at the bottom of the frame clash with TikTok's own caption overlay. The two layers of text overlap and become unreadable. Move subtitles higher — center them vertically or place them in the upper third.

Face cropped in the profile grid

The profile grid crops covers to ~3:4, cutting the top and bottom of the 9:16 frame. A face near the top or bottom edge is cropped in the grid view. Center faces vertically. Preview with the TikTok cover preview tool.

Product shot hidden behind the music disc

The spinning music disc sits in the bottom-right corner. Small product images or detail shots placed there are obscured. Keep products and detail elements in the center of the frame.

CTA text hidden behind ad overlay

TikTok ads add a CTA button and headline below the standard overlays, covering even more of the bottom area. Ad-critical text placed in the bottom 380 px is hidden. Use the TikTok ad preview tool to check.

Best Practices for Designing Inside the TikTok Safe Zone

Safe Zone Differences: Organic vs Ads

TikTok ads have a tighter safe zone than organic content because they add extra UI elements.

ElementOrganicAd
Username + captionBottom-left (~300 px)Bottom-left (~300 px)
Engagement buttonsRight side (~80 px)Right side (~80 px)
CTA buttonBottom center (~60 px tall)
Ad headlineAbove CTA (~40 px)
"Sponsored" labelBelow username (~20 px)
Total bottom coverage~300 px (left side)~380 px (full width)
Recommended safe zoneCenter 50–60%Center 45–50%

For ads, the CTA button spans the full width of the bottom of the screen, unlike organic posts where the bottom-right is mostly clear except for the music disc. This means no content at the bottom of ad creatives is safe — not even on the right side.

Preview ad creatives with the TikTok ad preview tool to see exactly where the CTA, headline, and "Sponsored" label land on your video.

Check your TikTok content before posting:

Video Size Checker
Verify your TikTok video dimensions, aspect ratio, and resolution.
Cover Preview
Preview your cover in the profile grid and check the 3:4 crop.
Ad Preview
Check ad creatives with CTA button and sponsored label overlays.
Free Thumbnail Editor
Design TikTok covers, thumbnails, and graphics at any size.
Need to design content for TikTok's safe zone?
Open the Free Thumbnail Editor →

TikTok Safe Zone FAQ

What is the TikTok safe zone?
The center area of your 9:16 video that remains visible behind all UI overlays. TikTok covers the bottom-left with captions (~300 px), the right side with buttons (~80 px), and the top with nav tabs (~100 px). The safe zone is roughly the center 50–60% of the screen.
Why is my text being cut off on TikTok?
TikTok overlays your username, caption, and music ticker in the bottom-left, and engagement buttons on the right side. Text in these areas is hidden. Move text to the center of the frame — horizontally centered and in the middle 50% vertically.
Where should I place text on a TikTok video?
In the center of the frame — horizontally centered and in the middle 50% of the vertical space. Avoid the bottom 300 px (caption/music), the right 80 px (buttons), and the top 100 px (navigation).
Is the TikTok safe zone different for ads?
Yes. Ads add a CTA button, headline, and "Sponsored" label that cover more area at the bottom — roughly 380 px total, full width. The ad safe zone is tighter: center 45–50%. Preview with the ad preview tool.
Does the safe zone change for the profile grid?
Yes. The profile grid crops covers to ~3:4, cutting roughly 240 px from the top and bottom of a 9:16 frame. It also overlays a view count at the bottom-left. Center key content vertically. Preview with the cover preview tool.
View All Creator Tools →