Safe-area overlays are typical chrome, not a TikTok contract

The preview draws usual TikTok, Reels, Shorts and YouTube UI regions and says they move with OS, language and shop tabs, so they cannot be an official template.

Safe Area Preview cover-fits your image or the current video frame into a platform aspect, then paints the regions that interface typically occupies. The page labels those regions as typical overlays. That label is the product. TikTok, Reels, Shorts and YouTube move buttons when the OS version changes, when the language pack is longer, and when a shop tab is showing. A PNG that pretends to be the current official template would be wrong the next time any of those three move.

Typical coverage is not a template

The tool is a canvas overlay, not a spec download. You drop a still or a clip, pick TikTok, Instagram Reels, YouTube Shorts, or YouTube 16:9, and it draws labelled rectangles: top search and status, username and follow, right-rail buttons, caption, sound and tab bar — or the Reels, Shorts and landscape YouTube equivalents.

Those rectangles are fractions of the output canvas. The vertical surfaces render at 1080×1920. YouTube 16:9 renders at 1920×1080. The source is cover-fitted — scaled to fill, then centred — so you see the crop the platform will show, then the chrome on top of that crop. For a video you scrub to the frame you want to check; the overlay redraws on seek.

None of that is TikTok's current ads template. None of it is Meta's Ads Guide. None of it is YouTube's player-chrome diagram. Official templates live on the platform that owns the UI. This page is a working sketch of usual coverage so you can keep faces and captions out of the chrome.

If a face sits inside a red zone it will usually be covered. If it sits in the clear it is usually safe. "Usually" is the whole contract.

Why the overlays move

Three variables the preview cannot freeze:

• OS version. iOS and Android pad status bars, home indicators and gesture regions differently. A rectangle measured on last year's phone is already a different rectangle on this year's.
• Language. Localised chrome is not the same width as English chrome. A longer follow label or a German username row pushes the occupied band.
• Shop tabs and extra furniture. Accounts with a shop tab, a live badge, or a dual-caption layout grow extra chrome. The preview does not know whether your account has those.

That is why caption length shrinks TikTok's safe zone is a separate, platform-owned fact: TikTok's own in-feed ad documentation says the usable frame contracts as caption text grows. The preview cannot encode that function. It draws a typical caption band. Your live caption may be one line or four.

Safe zones: where on-screen text survives platform UI is the complementary rule: pull the current template from the platform when you need exact margins, then verify the export. This tool is the cheap visual check before that.

How to use the preview anyway

Use it to fail fast, not to pixel-match a build.

1. Drop the plate you actually intend to ship — the generated frame, not a moodboard crop.
2. Cover-fit into 9:16 for TikTok, Reels or Shorts, or 16:9 for YouTube landscape.
3. Look at faces, logos, prices and burned-in lines. If they sit in red, move them in the generate or in change video aspect ratio before you export.
4. Download the overlay PNG if you need to mark a review. The file is a picture of typical chrome on your frame. It is not a clearance certificate.

Vertical 1080×1920 is the default across those three short-form surfaces. The aspect-ratio calculator lists that size as the size that actually gets used, and notes that going wider than 1080 is rarely worth it: the platforms re-encode on upload.

Do not treat a clean overlay as "the caption box is free." Platform captions, stickers and your own titles still compete for the inner rectangle.

What the inner rectangle is not

The inner rectangle is "not usually covered by chrome," not "a good caption box." Leave more room than the overlay suggests if the line has to stay readable over a moving shot.

That is the deeper failure mode. Teams burn a lower-third into the "safe" band, then stack a two-line post caption, a sticker, and a CTA on upload. The overlay never promised that band was empty. It promised the app chrome usually sits outside it. Everything you add after the plate is extra occupancy.

If the job is "will this face survive TikTok's right-rail buttons," the preview is the right tool. If the job is "where does my burned-in price go given this caption length," write the caption first, then place the type, then check both against a typical overlay and a live post.

FAQ

Is this the official TikTok or Reels template?

No, and it cannot be. Those apps change padding with iOS version, language, and whether the account has a shop tab. The overlays are typical coverage, labelled as such.

Should I burn captions into the clear rectangle?

The inner rectangle is not a caption box. Platform captions, stickers and burned-in titles still compete there. Leave more room than the overlay suggests if the line has to stay readable over motion.

Does a video upload get checked, or only a still?

Either. Drop an image or a video. For a clip, scrub to the frame you care about; the overlay redraws on seek. The download is a PNG of that frame with the typical regions painted on.

Why not just download TikTok's ads template and skip this?

Do both when the placement is paid and the margins have to match the current ad format. Use this preview when you need a fast cover-fit check on a specific plate. The official template does not know your crop. This tool does not know TikTok's current build.