TikTok 9:16 (1080×1920) safe zone + UI overlay areas. Keep text/logos inside the safe zone.
🎵 Preview Actual 1080 × 1920

How to use

  1. Pick content type (video / story ad / image post).
  2. See where UI elements cover (right buttons / bottom caption / top).
  3. Keep important text/logos in the center 60% safe zone.
  4. Download the guide as SVG/PNG and use as a layer in your design tool.
  5. Hide overlay areas before final export.

Key features

  • 3 content types (video / story / image)
  • Right action bar (♥·💬·🔗·👤) zone shown
  • Bottom caption / username / BGM info zone shown
  • Top search / filter zone shown
  • Center 60% safe zone highlighted
  • SVG / PNG download

Use cases

  • Brand video ads — logo/product not blocked by UI
  • Tutorials — optimal caption placement
  • E-commerce — price/CTA visibility
  • Creator content — split-screen safe zone
  • Storytelling — avoid edges for key elements

Why does TikTok's safe zone matter?

TikTok overlays right action buttons (♥·💬·🔗), bottom caption, and top search bar over video. Even fullscreen, only about 60–70% is actually visible. The right ~12%, bottom ~20%, and top ~8% get covered, so keep key text/logos in the center safe zone. This tool reflects 2024 TikTok UI.

FAQ

Other sizes?

1080×1920 (9:16) is the official spec. Other ratios get auto-cropped.

Customize guide color/line?

Yes, use the Guide color option.

iOS vs Android difference?

Nearly identical, slight notch/home-bar differences. This tool uses averages.

Free?

Yes.