What is a safe zone on X/Twitter?

A safe zone is the central region of the frame where X does not overlay interface elements. Buttons, the poster chip, captions, and the progress bar sit around the edges, so anything important you place there can be hidden behind the UI.

How much margin should I leave for X's interface?

For full-screen vertical video, leave roughly 10% at the top, 18% at the bottom, 6% on the left, and 12% on the right. Timeline square video needs less — about 4% on the sides and 12% at the bottom for the action row.

Why does X cover part of my video?

In the full-screen player X stacks like, repost, reply, and share buttons down the right edge and places the poster name and caption along the bottom. Content positioned under those elements gets obscured, which is why the safe area matters.

What resolution should I design at?

Design vertical video on a 1080×1920 canvas (9:16) and square video on a 1200×1200 canvas (1:1). The tool reports both the percentage and the pixel margins so you can build accurate guides in your editor.

Do these safe zones apply to ads too?

Yes. Promoted and Amplify video carries the same player UI, plus an ad disclosure and call-to-action, so keeping key elements inside the safe area is even more important for paid creative.

X/Twitter Safe Zone Guide

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

X overlays its own buttons, poster chip, captions, and progress bar on top of your video, and any logo or text caught underneath disappears. This simulator shows exactly where those overlays sit so you can keep the important parts of your frame inside the safe area.

How it works

Each placement reserves a margin on every side of the frame, expressed as a fraction of the canvas. The tool draws those margins over a scaled preview and converts them to pixels for your editor:

Full-screen vertical (9:16, 1080×1920): the right column holds the action buttons and the bottom holds the poster chip and caption, so it reserves the most space on the right and bottom.
Timeline square (1:1, 1200×1200): lighter overlays, mostly a bottom action row, leaving a larger usable safe area.

The dashed green box is the region X never covers; the reported pixel values tell you how much to keep clear on each edge.

Tips, example, and notes

Place captions and your logo well inside the dashed area — for vertical video, that means keeping text out of the right ~12% and bottom ~18% of the frame. Centre faces and product shots so the right-hand button stack never crosses them. If you reuse a 9:16 master across X, Instagram, and TikTok, design to the most conservative safe area of the three so a single export works everywhere without clipping.