🧭 Safe zonesFree

Where TikTok and Twitch draw chat on a vertical stream

On a phone, the platform draws its own names, buttons and chat over your vertical video. An overlay built for 16:9 lands right under them. No platform publishes the sizes of these bands for live, so Kloot ships estimated bands for each one, shades them in the preview, and lets you move two of them with sliders.

3 steps ~3 minBeginner Updated October 2026

Where are the safe zones on a vertical live stream?

On TikTok LIVE, comments and the gift bar cover roughly the bottom third, and hearts and gifts rise up the right side. On Twitch mobile, chat sits over the lower third. These are estimates, since no platform publishes live sizes. Kloot keeps every tool outside them and shades them in its preview.

TikTok LIVE: top 12% · bottom 36% · right 12%. Estimated — adjustable in the panel.

What you’ll build

Your tools placed outside the areas TikTok, Twitch and YouTube cover on a phone.

The bands, platform by platform

Each band is a share of a 1080×1920 frame. They are Kloot’s estimates, built from vendor guidance, Twitch’s own description of its mobile chat and direct observation (Oct 2026). Treat them as starting points.

  • TikTok LIVE: about 12% at the top (host name, viewer count, close), about 36% at the bottom (comment feed and the gift and share bar, mostly on the left), and about 12% down the right side from mid-height (hearts and gift combos).
  • Twitch (mobile): about 10% at the top (channel bar and controls) and about a third at the bottom, where Twitch draws chat by default. Viewers can resize or hide it.
  • YouTube (vertical feed): about 10% at the top (title and controls) and about 30% at the bottom (comments, input and the Super Chat ticker). A right-hand column is assumed but not confirmed for live.
  • Other / unknown: smaller bands on every edge, for Whatnot, Kick in a portrait player or anything else. None uses the whole frame.

Don’t reuse TikTok’s published in-feed ad safe zones for LIVE. Those are for ads, not live video.

Set your safe zones in Kloot

  1. 1

    Open the 9:16 preview

    In the panel’s True preview, choose 9:16 or Both.

  2. 2

    Pick your platform

    Tick Safe zones to shade the bands, then choose TikTok LIVE, Twitch (mobile), YouTube (vertical feed), Other / unknown or None.

    What you'll see: Shaded bands over the 9:16 frame, and tools moving out of them.

  3. 3

    Adjust the bottom and right bands

    Drag the Bottom and Right sliders to match your own stream. Your running overlay follows straight away.

    Take a phone screenshot of your own live and compare it with the shading. The free safe-zone checker lets you drop it behind the bands.

What Twitch says

Twitch Help: “Twitch overlays its own interface (chat and controls) on top of the mobile view, so keep important visuals in the center safe zone.” It also says viewers can show more, less or no chat, and to skip a chat overlay because Twitch adds chat to the vertical view itself.

If a tool still lands under the chat

Usually one of these.

  • The source isn’t tall. Safe zones apply to the 9:16 layout. Make the browser source 1080×1920, or add &format=portrait to the end of the link.
  • The wrong profile. A TikTok stream on the Twitch profile leaves the right-hand gift column open. Pick the platform you stream to.
  • Your chat is bigger than the estimate. Raise the Bottom slider until the tool clears it.

Frequently asked

Are these TikTok and Twitch’s official safe zones?

No. No platform publishes pixel sizes for its live interface. Kloot’s bands are estimates from vendor guidance, Twitch’s description of its mobile chat and observation, so they ship as editable defaults with two sliders.

Do safe zones change my 16:9 layout?

No. Safe zones apply only when the overlay is drawn in a tall frame. A 1920×1080 source renders exactly as before, with no bands and no moved tools.

Do safe zones cost extra?

No. The profiles, the shading and the two sliders are part of the Free plan, along with the 9:16 layout itself. Placing a tool yourself in 9:16 with Custom for 9:16 is Pro.

Keep going

The vertical overlay: one link, both shapesFree safe-zone checkerTikTok LIVE overlays

One overlay.
Both shapes.

The same link lays itself out for 16:9 and 9:16. Detection, the 9:16 layout and the dual preview are Free.

Start freeTry it in a browser — Free

Free forever · Pro $9/month or $79/year · Event Pass $5 for 48 hours · Prices + applicable taxes