ThumbCrafted
← Back to Creator Tools

TikTok Safe Zones Guide — Avoid Text Cutoff & UI Overlays

Every TikTok video you post has a layer of interface elements sitting on top of it — your username, caption, music ticker, like button, comment button, share button, bookmark, and navigation tabs. These elements are permanent. You can't remove them, move them, or make them transparent. If your text, face, logo, or product shot lands under any of these overlays, it's hidden from every viewer.

The safe zone is the area of your video where content is guaranteed to stay visible behind all of TikTok's UI. This guide maps every overlay element, defines the exact safe zone for both organic content and ads, and covers the mistakes that cost creators views and engagement.

TikTok Safe Zone Summary
Video Size: 1080×1920 px (9:16)
Organic Safe Zone: Center 50–60%
Ad Safe Zone: Center 45–50%
Bottom-left: ~300 px (captions + music)
Right side: ~80 px (buttons)
Top: ~100 px (navigation)
Jump to:

What Is the TikTok Safe Zone?

The TikTok safe zone is the region of your 9:16 video where content remains fully visible after TikTok layers its interface on top. TikTok doesn't crop your video — it plays it fullscreen at 9:16 — but it covers significant portions of the frame with UI elements that you can't remove or reposition.

The overlays aren't just small icons. The caption area alone can cover 300+ pixels from the bottom on the left half of the screen. The engagement button column runs the entire right side. The navigation tabs sit across the top. Combined, these overlays occupy roughly 40–50% of your total frame area.

The safe zone — the area that's clear of everything — is the center 50–60% of the screen for organic content and the center 45–50% for ads. This is where all critical content needs to live.

First, make sure your video is the correct size. A non-9:16 video has safe zone problems on top of aspect ratio problems. Verify with the TikTok video size checker.

TikTok UI Overlays Explained

Here's every element TikTok places on top of your video, mapped to exact positions on a 1080×1920 canvas:

UI ElementPositionCoverage (approx)
Username + Follow buttonBottom-left~400×40 px
Caption text (2 lines)Bottom-left~700×80 px
Caption text (expanded)Bottom-left~700×200+ px
Music / Sound tickerBottom-left~500×30 px
Creator avatarRight side, upper~60×60 px
Like button + countRight side~60×70 px
Comment button + countRight side~60×70 px
Bookmark buttonRight side~60×70 px
Share buttonRight side~60×70 px
Spinning music discBottom-right corner~50×50 px
For You / Following tabsTop center~400×50 px
Search iconTop-right~40×40 px
Progress barVery bottom edgeFull width × 4 px

The three danger zones

1. Bottom-left (the biggest threat) — the username, caption, and music ticker stack vertically here, creating the largest single overlay area. A standard 2-line caption covers roughly 300 px from the bottom on the left half. A longer caption (3–4 lines) covers even more. This is where most creators lose important content.

2. Right side (permanent column) — the engagement buttons (avatar, like, comment, bookmark, share) form a vertical column on the right side spanning roughly 80 px in width and most of the screen height. This column is always visible and can't be hidden.

3. Top (navigation) — the For You / Following tabs and search icon cover the top ~100 px. Less problematic than the bottom, but text or logos placed at the very top of the frame are partially obscured.

Based on all overlay positions, here are the pixel-level safe areas for a 1080×1920 canvas:

Organic content safe zone

Organic Safe Zone (1080×1920)
Top boundary: Y: 100 px (below nav tabs)
Bottom boundary: Y: 1620 px (above caption)
Left boundary: X: 40 px (small padding)
Right boundary: X: 1000 px (before buttons)
Usable height: ~1520 px
Usable width: ~960 px

Ad safe zone

TikTok ads add a CTA button (~60 px), ad headline (~40 px), and "Sponsored" label below the username. This pushes the bottom boundary higher:

Ad Safe Zone (1080×1920)
Top boundary: Y: 100 px
Bottom boundary: Y: 1540 px
Left boundary: X: 40 px
Right boundary: X: 1000 px
Usable height: ~1440 px
Total bottom coverage: ~380 px (full width)

Cover grid safe zone

The profile grid crops covers from 9:16 to ~3:4, cutting roughly 240 px from the top and bottom. It also overlays the view count at the bottom-left. The cover safe zone is Y: 240 to Y: 1600. Preview yours with the TikTok cover preview tool.

Use the TikTok safe zone visualizer to check all of these zones on your actual content.

Common TikTok Safe Zone Mistakes

Text placed in the bottom third of the video

The bottom third is almost entirely covered by TikTok's caption, username, and music ticker on the left side, and the music disc on the right. Any text here is hidden. Move all text to the vertical center of the frame.

Subtitles added at the bottom of the frame

Subtitles or captions burned into the video at the bottom clash directly with TikTok's own caption overlay. The two text layers overlap and become unreadable. Place subtitles in the center or upper-center of the frame instead.

Logo or watermark on the right side

Logos placed on the right edge are covered by the engagement button column. Move logos to the left side of the frame, in the upper half, inset at least 40 px from the edge.

Product shot in the bottom-right corner

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

Ad text hidden behind the CTA button

TikTok ads add a full-width CTA button at the bottom. Pricing, offers, or product names at the bottom of ad creatives are completely hidden. Keep all ad-critical content in the center 45–50% of the frame. Preview with the ad preview tool.

Not accounting for long captions

A 2-line caption covers ~300 px from the bottom. A 4-line caption covers 400+ px. If you write long captions, the overlay area grows, pushing into content that was "safe" with a short caption. Design for the worst case.

Face cropped in the profile grid

The profile grid crops covers to ~3:4. A face placed near the top or bottom of the 9:16 frame is cut off in the grid view. Center faces vertically. Preview with the cover preview tool.

Organic vs Ad Safe Zones

TikTok ads have a meaningfully tighter safe zone than organic content because they add extra UI elements that cover more of the frame.

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

The critical difference: on organic content, the bottom-right is relatively clear (just the music disc). On ads, the CTA button spans the full width of the bottom, so no content at the bottom of an ad is safe — not even on the right side.

Preview ad creatives with the TikTok ad preview tool to see exactly how the CTA, headline, and "Sponsored" label overlap your content.

TikTok Safe Zone Best Practices

Tools to Check TikTok Safe Zones

Verify your content before posting:

Safe Zone Visualizer
See exactly where UI overlays cover your video for organic and ad content.
Video Size Checker
Verify video dimensions and aspect ratio meet TikTok's requirements.
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.
Want to check your TikTok safe zones?
Open the Safe Zone Visualizer →

TikTok Safe Zones FAQ

What is the TikTok safe zone?
The center area of a 9:16 video where content stays visible behind all UI overlays. TikTok covers the bottom-left (~300 px), right side (~80 px), and top (~100 px). The safe zone is the center 50–60% for organic content and 45–50% for ads. Check with the safe zone visualizer.
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. Text in these areas is hidden. Move all text to the center of the frame — horizontally centered and in the middle 50% vertically.
Where exactly should I place text on TikTok?
On a 1080×1920 canvas, place text between Y: 290 and Y: 1540, and between X: 40 and X: 1000. This avoids the top nav (100 px), bottom captions (300+ px), and right buttons (80 px). Dead center is the safest position.
Is the safe zone different for TikTok ads?
Yes. Ads add a CTA button, headline, and "Sponsored" label covering ~380 px at the bottom, full width. The ad safe zone is tighter: center 45–50%. Preview with the ad preview tool.
Does the safe zone change for TikTok covers?
Yes. Profile grid covers are cropped from 9:16 to ~3:4, cutting ~240 px from top and bottom. A view count overlays the bottom-left. Center key content vertically. Preview with the cover preview tool.

Related Guides

TikTok Video Size Guide
Dimensions, aspect ratios, resolution, and best practices.
Facebook Safe Zones
Safe zone rules for Facebook posts, covers, stories, and ads.
View All Creator Tools →