How does the X (Twitter) safe overlay work?
X (Twitter) video ads are integrated directly into the real-time, high-speed timeline. While X supports vertical video, the timeline view often crops or centers the video until the user taps to expand it. This means your creative must survive a "dual-design" challenge: looking good as a cropped 1:1 or 16:9 preview in the timeline, while being fully functional as a 9:16 vertical video when expanded.
X (Twitter) safe-overlay best practices
- Design for the "Timeline Square": Even if you are uploading a 9:16 video, ensure the most critical action happens in the center 1:1 square. This is what users will see as they scroll through their timeline before deciding to tap.
- Avoid the bottom 24%: X places playback controls, the "Visit Site" CTA, and user engagement icons (Reply, Repost, Like) at the bottom of the video card. This area is extremely cluttered on mobile.
- Brand Early and Center: X users are some of the fastest scrollers on the internet. Place your logo or brand handle in a safe area within the first 1.5 seconds.
- Typography Clarity: Avoid placing text overlays near the very top or bottom edges where handle overlays or system notification bars might sit.
Timeline vs. Immersive: The Dual-Design Rule
To maximize your ROI on X, you must design for two states:
- The Timeline State (The Hook): This is the non-expanded view. Use the central safe overlay to display a "Scroll Stopping" headline that is legible even when the video is small.
- The Immersive State (The Story): Once the user taps, they enter the full-screen player. This is where you can use the side margins for additional context, but keep your primary message centered to clear the dense UI icons on the right.
Engagement Architecture: Driving the Tap
On X, a "View" is only valuable if it leads to an "Engagement."
- The "Visit Site" CTA: This is a system-generated overlay. Do not try to "guide" users with your own arrows in the bottom 24%—it will look like a broken interface. Instead, use verbal or text cues in the middle 60% that direct them to "tap to learn more."
- The Real-Time Context: X ads perform better when they feel like part of the conversation. Use your safe overlays to display "Live" or "Trending" style graphics to match the platform's energy.
Technical Requirements for the Global Feed
X's global reach means your video must be optimized for everything from high-speed 5G to slow rural connections.
- Bitrate: 15 Mbps is recommended for 1080p.
- Codec: H.264 is the most compatible across the vast range of Android devices that use X.
- Duration: Up to 10 minutes, but for feed ads, 15 seconds is the maximum length for maintaining high completion rates.
- Audio: High-quality AAC audio is recommended, though design for "sound-off" is still best practice for the initial timeline preview.
Frequently asked questions
Does X support vertical 9:16 video? Yes, X fully supports 9:16 video ads. However, they are often displayed as a cropped 1:1 preview in the timeline. Ensuring your safe-overlay compliance means your ad remains effective even when not expanded.
Where do the playback controls sit? Playback controls and the "Visit Site" CTA typically overlay the bottom 15–24% of the video. Keep your subtitles, legal disclaimers, and fine print above this line to ensure they are always readable.