Display Lab
← Back to all tools

tiktok Safe Zone Guide

Optimize your vertical video content to prevent critical information from being hidden by UI overlays.

Safe Zone Previewer

Upload an image to preview a centered 9:16 crop with platform safe zones.

Choose how strongly risk areas are highlighted in the analysis preview.

Platforms keep the full 9:16 image but may place buttons, captions, and controls over these regions. The default is 60%. This choice affects only the analysis preview and never changes the clean export.

Clean 9:16 is ready for publishing and contains no overlay. Analysis Preview is a reference copy containing the danger-zone shading, center grid, and cyan safe-zone outline. Both files are created locally; your image is never uploaded.

Upload to preview

Physics of TikTok Overlays

Digital platforms like TikTok use a concept similar to legacy TV overscan. Instead of electron beams, they use fixed UI elements (like buttons, descriptions, and avatars) that float over your video.

  • Top margin: 10% reserved for system status and search bars.
  • Bottom margin: 10% reserved for captions and video timeline.
  • Right margin: 5% reserved for engagement buttons (Like, Comment, Share).