See where captions, CTAs and UI controls can be covered on TikTok, Reels, Facebook and Shorts. Your file stays in your browser. Numbers come from TikTok, Meta and Google's own templates, linked below with the date checked.
Your file stays in your browser. Nothing is uploaded.
The overlay PNG is transparent: put it on the top layer in CapCut, Premiere, After Effects or Figma.
Making the next one? The Studio keeps text inside these zones while you edit.
Open in StudioAccount name, caption and CTA sit across the bottom; like, comment, share and the profile button run down the right.
Longer captions and add-ons (anchors, cards) eat further into the bottom area. TikTok's preview is not device-specific.
Meta: keep roughly 14% of the top, 35% of the bottom and 6% of each side free of text, logos and key creative elements.
Meta's Facebook Stories page still carries older 14% / 20% guidance; Reels placements use 35% at the bottom.
Same 14% / 35% / 6% guidance as Instagram Reels in Meta's Ads Guide.
Ads Manager also has a safe-zone guardrail in the preview; use it as the final check before launch.
Google's universal vertical template keeps an 840×960 box from (48, 288) to (888, 1248) free; the right strip holds like, dislike, comment and share, the bottom holds channel, title and the CTA.
Organic Shorts UI differs slightly from the ad overlay; the ad template is the stricter of the two.
The part of a 9:16 frame that the platform's interface does not cover: no caption block at the bottom, no like/comment/share rail on the right, no status bar or 'Sponsored' label at the top. Text, logos and the product UI you want read must sit inside it. Each platform publishes its own margins; this tool draws them to scale.
Each app's layout differs. TikTok's caption and CTA block is deep (440 px of 1280 in its template) and it has a 120 px action column; Meta uses percentages (14% top, 35% bottom, 6% sides) for Reels; Google's universal template reserves a wider right strip (192 px) than left (48 px) because the Shorts rail sits on the right. The 'shared safe box' option shows the intersection so one export works everywhere.
No. The file is decoded by your browser and drawn on a canvas on your device. We record only that a file was loaded (image or video) and which platforms you chose, with no file name or content.
1080×1920 for all four platforms. Meta recommends 1440×2560 for Reels; the percentages are the same, so a 1080×1920 master upscales fine. The overlay PNG is 1080×1920 and scales with your project.
Download the overlay PNG, add it as the top layer across the whole timeline, lock it, and keep text and key UI inside the dashed box. Delete the layer before export. In Figma or Canva, place it on a locked layer above the artboard.
Checked 2026-10-28. Platform rules change; the link is the authority, this page is the summary.
