DEV Community

Tanglement
Tanglement

Posted on Originally published at tanglement.ai

TikTok, Reels and Shorts safe zones in pixels

#video #tiktok #design #tutorial

TikTok puts buttons, captions and your name on top of your video. Text under them is hard to read. The safe zone is the area that stays clear.

Safe zone on a 1080 x 1920 video

  1. Keep key text at least 240 px from the top.
  2. Keep it at least 660 px from the bottom.
  3. Keep it 120 px from the left and 120 px from the right.
  4. Put an overlay on a track above your video while editing, then turn it off before export.

These come from a third-party measurement of the platform's own guide image; the platform does not publish them as text. Source: https://adkit.so/tools/safe-zones/tiktok. Platforms change their layout, so check the date.

Instagram Reels safe zone

Instagram Reels puts buttons, captions and your name on top of your video. Text under them is hard to read. The safe zone is the area that stays clear.

Safe zone on a 1080 x 1920 video

  1. Keep key text at least 269 px from the top.
  2. Keep it at least 672 px from the bottom.
  3. Keep it 65 px from the left and 65 px from the right.
  4. Put an overlay on a track above your video while editing, then turn it off before export.

These are Meta's numbers. Source: https://www.facebook.com/business/ads-guide/update/video/instagram-reels. Platforms change their layout, so check the date.

YouTube Shorts safe zone

YouTube Shorts puts buttons, captions and your name on top of your video. Text under them is hard to read. The safe zone is the area that stays clear.

Safe zone on a 1080 x 1920 video

  1. Keep key text at least 288 px from the top.
  2. Keep it at least 672 px from the bottom.
  3. Keep it 48 px from the left and 192 px from the right.
  4. Put an overlay on a track above your video while editing, then turn it off before export.

These come from a third-party measurement of the platform's own guide image; the platform does not publish them as text. Source: https://adkit.so/tools/safe-zones/youtube. Platforms change their layout, so check the date.

The tool I made for this

I make and sell Safe Zone Overlays. Safe-zone overlays for TikTok, Reels, Shorts and Stories. Put one above your video and keep text clear of the app's buttons.

Top comments (0)