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.