Free tool

Keep your text out from under the buttons

Pick a placement, drop in your image or video, and see the areas the platform's interface covers. Meta's numbers are quoted from Meta. Where a platform publishes none, we say so.

Everything runs in this browser. Files you add are never uploaded, stored or sent to analytics.

Why this one

What this tool gets right

Numbers you can trace

Instagram Reels, Instagram Stories and Facebook Reels use Meta's published margins: 14% top, 35% bottom, 6% each side. Each preset quotes the sentence and links the page.

Over your actual creative

Drop in a still or a video and it plays under the shaded margins, so you can see whether the headline, the logo or the product lands in the covered area.

A PNG template for your editor

Download a transparent 1080x1920 or 1440x2560 overlay and put it on the top layer in Figma, Canva, Premiere or CapCut while you design.

Honest about TikTok and Shorts

Neither publishes safe zone numbers. Instead of inventing some, the tool says so, links the source and gives you editable margins clearly labelled as a starting point.

How it works

Three steps, about thirty seconds

01

Choose the placement

Reels, Stories or in-feed. Each one has its own interface on top of the video, so its own keep-clear areas.

02

Add your creative

An image or a video, ideally 9:16. It stays in your browser and plays under the overlay.

03

Move what is covered

Anything that matters, text, logos, faces, the product, belongs inside the dashed box. Download the template to design inside it next time.

Why vertical ads need a safe zone

A vertical ad fills the phone screen, and the platform draws its own interface on top of it: the account name, the caption, the call-to-action button, the like and share rail. Anything of yours underneath is hidden or unreadable, and the parts most often lost are exactly the ones you paid to show, the headline, the offer and the logo. Designing inside a safe area is the cheap fix. It costs nothing at the design stage and a lot to discover after the campaign is live.

Where these numbers come from

The Meta margins are quoted from Meta's own Ads Guide pages for each placement, and each preset in the tool links the page and the sentence. We checked them on the date shown under the tool. Many safe zone graphics online show precise pixel margins for TikTok and YouTube Shorts. Neither platform publishes those numbers in its documentation, so we do not repeat them. If you need TikTok's own guide, use the safe zone files it provides in its ads tools.

What this tool cannot tell you

  • It does not reproduce any platform's interface. Real overlays vary by device, app version, caption length and ad format.
  • TikTok and YouTube Shorts margins in this tool are your own, not platform figures, because neither platform publishes numbers.
  • It does not check file size, length, codec or any other upload requirement.
  • It cannot tell whether the platform will crop a file that is not 9:16. Export at the recommended size.

Questions, answered

Meta's ads guide for Instagram Reels says to consider leaving at least 14% of the top, 35% of the bottom and 6% on each side free from text, logos and other important elements. On a 1080x1920 frame that is about 269 pixels at the top, 672 at the bottom and 65 on each side.
TikTok does not publish it as numbers. Its ads help says the safe zone depends on whether the video is vertical, horizontal or square and on how long the ad caption is, and it provides downloadable overlay files. This tool lets you set your own margins for TikTok, and says clearly that they are not TikTok's figures.
For Instagram Stories ads, Meta gives the same 14% top, 35% bottom and 6% sides as Reels. For Facebook Stories video ads, its guide says roughly 14% top and 20% bottom, with no side margin.
Because that is where most of the interface sits on a vertical ad: the caption, the account name, the call-to-action button and the audio line. The top only carries the account row and the progress bar.
Import it as the top layer of your design or edit at the same size as your canvas. The tinted areas are the ones to keep clear and the dashed box is the safe area. Hide or delete the layer before you export.
No. The image or video is shown from a local object URL in your browser, and the template is drawn on a canvas in the same tab. Nothing is sent anywhere.

Words are the easy part. Advibly makes the creative.

Advibly turns your brand into finished ads: product-in-hand UGC videos, static image ads, carousels, and explainers. Same thinking as this free tool, pointed at the thing that actually takes time.