TikTok Safe Zones: Pixel-genaue Maße, Placement-Unterschiede und wie du sie im Designprozess absicherst

Wenn der CTA unter dem Like-Button verschwindet

Das Creative ist fertig. Der Kunde hat freigegeben. Das Budget läuft. Und dann: Der CTA liegt halb unter dem Like-Button, das Logo steckt hinter dem Icon-Stack, und die Caption überlagert den wichtigsten Text im Frame. Die Ad läuft durch, das Budget auch.

Das Frustrierende daran ist nicht, dass es passiert. Es ist, dass es immer auf dieselbe Art passiert: Der Safe-Zone-Check kommt zu spät. Das Creative wird am Ende gegen eine Checkliste geprüft, nicht während der Produktion. Wer erst nach Kundenfreigabe merkt, dass der CTA verdeckt ist, hat kein Wissens-Problem, sondern ein Prozess-Problem.

Dieser Artikel erklärt, welche Bereiche TikTok über jedem Video rendert, wie sich die Dead Zones je nach Placement unterscheiden, und wie wir als Team sicherstellen, dass Probleme früh auffallen.

Direkt zu den Pixelmaßen? Zum Abschnitt Pixel-genaue Dead Zones. Direkt zum Agentur-Workflow? Zum Abschnitt Agentur-Workflow.

Was eine Safe Zone auf TikTok ist

Der UI-Layer als strukturelles Problem

TikTok rendert eine permanente Benutzeroberfläche über jedem Video: Profilbild, Username, Caption, Like-, Share- und Comment-Icons, Sound-Icon, Search-Icon. Diese Elemente sind fix. Das Video scrollt weg, die UI bleibt. Wer nur für Stories designed, oder Creatives von anderen Plattformen recycelt, hat das oft nicht auf dem Radar.

Was "Safe Zone" konkret bedeutet

Die TikTok Safe Zone ist der Teil des Videoframes, der unabhängig von Gerät und Placement dauerhaft sichtbar bleibt und nicht durch UI-Elemente wie Caption, Icons oder CTA-Button überlagert wird.

Alles außerhalb dieser Zone ist potenziell verdeckt, je nach Gerät, Placement und Caption-Länge. Wer Text, Logo oder CTA außerhalb der Safe Zone platziert, produziert aktiv gegen die Plattform-Logik.

Um zu wissen, was die Safe Zone umschließt, brauchen wir zunächst das richtige Ausgangsformat.

Das einzig valide Format für TikTok Ads: 9:16

TikTok unterstützt technisch drei Formate: 9:16, 1:1 und 16:9. Aber nur 9:16 bei 1080×1920 Pixel ist für Ads sinnvoll. Der Grund ist simpel: TikTok ist nativ vertikal. Jede Abweichung kostet Safe-Zone-Fläche.

Ein 16:9-Video wird pillarboxed, das Video schrumpft auf einen Bruchteil der verfügbaren Fläche, die Safe Zone schrumpft mit. Ein 1:1-Format funktioniert technisch, verliert aber die Immersion und wirkt out-of-place in einem Feed, der auf Vollbild ausgelegt ist.

Besonders relevant für Cross-Platform-Teams: Wer Creatives von Instagram oder YouTube recycelt, fängt im falschen Format an. Ein Instagram-Reel im 4:5-Format lässt sich nicht einfach auf TikTok "umrechnen", der Produktionsprozess muss von vorn beginnen, im richtigen Canvas.

Pixel-genaue Dead Zones: Was wo verdeckt wird

Standard Dead Zones für In-Feed Ads

Für In-Feed Ads gilt folgende Orientierung, die sich aus den TikTok-Spezifikationen und gängigen Safe Zone-Guides ableitet:

Bereich	Dead Zone	Verursacher
Oben	~108-130px	Search-Icon, Statusleiste
Unten	~320-350px	Caption, Like/Share/Comment-Icons, CTA-Button
Rechts	~120px	Vertikaler Icon-Stack
Links	~60px	Caption-Beginn (weniger kritisch)

Abweichungen je nach Quelle sind normal, die Größenordnung ist konsistent. Immer auf den oberen Wert der Spanne designen.

Geräteabhängige Variablen

Die oberen 130px sind ein Richtwert. Auf bestimmten Geräten wird's enger: iPhones mit Dynamic Island brauchen zusätzlich etwa 40px oben, ältere Android-Geräte variieren in der Statusbar-Höhe um bis zu 30px.

Faustregel: Wir designen für den worst case, nicht für das Gerät, das der Designer selbst nutzt.

Die dynamische Caption als blinder Fleck

Die Caption ist keine fixe Größe. Eine kurze Caption belegt etwa 80px, drei Zeilen mit Hashtags bis zu 250px. Die Safe Zone ist also nicht statisch, sie schrumpft mit der Caption-Länge.

Immer auf Basis der maximalen Caption-Höhe designen, nicht auf Basis einer leeren Caption. Wer das nicht tut, riskiert, dass eine längere Caption den wichtigsten Text im Frame überlagert, und das wird erst bemerkt, wenn die Ad live ist.

Placement-Unterschiede: Nicht jeder TikTok hat dieselbe Safe Zone

In-Feed Ads

Das Standard-Placement. Die Dead Zones entsprechen den oben beschriebenen Maßen. Zu beachten: Der CTA-Button aus dem Ads Manager belegt zusätzlichen Raum im unteren Bereich, der bei organischen Posts nicht vorhanden ist.

TopView Ads

TopView hat zwei Phasen. In den ersten Sekunden läuft die Ad als Vollbild-Takeover ohne Feed-Kontext. In dieser Phase gibt es andere UI-Overlays und mehr Spielraum. Sobald die Transition in den Feed stattfindet, greift die reguläre Feed-UI.

Laut TikToks TopView-Spezifikationen sind Text, Logo und Key-Messages außerhalb der Safe Zone in den ersten drei Sekunden nicht erlaubt, insbesondere im Bereich des Skip-Buttons. Wer nur auf den ersten Frame optimiert, verliert in der Feed-Phase.

Video Shopping Ads (VSA) und TikTok Shop

Bei VSA erscheint ein Product Anchor Link-Element am unteren Rand. Das schrumpft die untere Safe Zone auf etwa 420-450px. Wer VSA-Kampagnen ohne Anpassung bespielt, verliert die CTA-Zone fast vollständig.

Produkt-Branding und primäres Visual gehören in die obere Bildhälfte, USPs in die Bildmitte. Die untere Hälfte ist bei VSA weitgehend blockiert.

Was es kostet, wenn man's ignoriert

Ein verdeckter CTA ist keine ästhetische Frage, er kostet direkt Performance:

• Niedrigere CTR durch nicht sichtbaren oder klickbaren Button
• Markenwahrnehmung leidet, wenn das Logo vom Icon-Stack überdeckt wird
• Viewer brechen ab, weil die Ad "kaputt" wirkt, was sich im Relevance Score niederschlägt
• Höhere CPCs durch schlechtere Ad-Qualitätssignale
• Ablehnung durch die Ads-Policy bei Fake-UI-Elementen

Besonders der letzte Punkt wird unterschätzt. TikTok lehnt Ads explizit ab, die Fake-Buttons oder simulierte UI-Elemente enthalten, also animierte Pfeile, "Swipe Up"-Texte oder Elemente, die wie native TikTok-UI aussehen, es aber nicht sind. Das gilt auch, wenn das Creative ansonsten technisch korrekt ist.

Die häufigsten Produktionsfehler und wie man sie erkennt

Burned-In Captions gegen Native Captions

Viele Designer brennen Captions als Textlayer ins Video. TikTok generiert darüber automatisch eigene Captions über das Auto-Caption-Feature. Das Ergebnis: doppelte, kollidierende Texte, die unlesbar wirken und die Ad unprofessionell aussehen lassen. Entweder Auto-Caption deaktivieren oder keinen permanenten Textlayer auf Caption-Höhe setzen.

Logo oben rechts

Klassische Corporate-Positionierung, direkt im Konflikt mit Search-Icon und Music-Icon. Das Logo gehört in die Bildmitte oder unten links, außerhalb des rechten Icon-Stacks. Oben rechts ist bei TikTok vergeben.

Fake Buttons

Animierte Pfeile, "Swipe Up"-Text, Buttons die wie native TikTok-UI aussehen: alles Policy-Verstöße. Ein echter CTA-Button aus dem Ads Manager ist erlaubt, ein designtes Fake-UI-Element führt zur Ablehnung. Das klingt trivial, ist in der Praxis aber ein häufiger Fehler, besonders wenn Creative-Templates von anderen Plattformen übernommen werden.

TikTok vs. Instagram Reels: Dieselben Creatives wiederverwenden?

Die kurze Antwort: Nicht ohne Anpassung

Technisch funktioniert es. Strategisch ist es suboptimal, und für Top-Budget-Kampagnen und primäre Werbemittel lohnt sich plattformspezifische Produktion.

Wo sich die Safe Zones unterscheiden

Bei Instagram Reels sind die UI-Overlays anders positioniert: Username und CTA liegen unten, es gibt keinen vertikalen Right-Stack in der TikTok-Form. TikTok hat einen aggressiveren Right-Stack mit Like-, Comment- und Share-Icons, der durchgehend sichtbar ist. Der Bottom-Bereich bei Reels ist weniger tief als bei TikTok Ads.

Die universelle Safe Zone als pragmatischer Kompromiss

900×1400px zentriert im 1080×1920px Frame ist die universelle Safe Zone, die TikTok, Reels, YouTube Shorts und Facebook Reels gleichzeitig abdeckt. Der Nachteil: Auf keiner Plattform wird das volle Potenzial ausgereizt.

Am sinnvollsten ist ein zweigleisiger Ansatz: universelle Safe Zone für Standard-Content und Cross-Platform-Reposts, plattformspezifische Optimierung für Top-Performer und Testkampagnen, bei denen die Maße wirklich ausgenutzt werden sollen.

Tools, Templates und Workflows für den Safe Zone-Check

Native Tools - Pflichtschritte vor jeder Schaltung

Der TikTok Ads Manager Preview zeigt die Ad genau so, wie sie ausgespielt wird, inklusive CTA-Button und UI-Overlay. Das ist kein optionaler Schritt. Wer das nicht nutzt, verlässt sich auf Annahmen.

Das TikTok Creative Center bietet zusätzlich Templates und Vorschau für verschiedene Placements, kostenlos zugänglich für alle Accounts.

Third-Party Tools für den Designprozess

• Kreatli: Safe Zone-Overlay direkt im Browser
• SafeZoneCheck.com: Upload und visuelle Überprüfung
• Adverthunt: Creative-Analyse mit Safe Zone-Hinweisen
• Postplanify: Planung und Preview für mehrere Plattformen

Downloadbare Overlay-Templates

PNG- oder SVG-Overlays lassen sich in Figma, Adobe Premiere oder CapCut als fixierte Ebene einfügen. Das Overlay muss als Standard-Layer in allen Designvorlagen hinterlegt sein, kein Schritt, den der Designer manuell anlegt, wenn er dran denkt.

Die TikTok For Business Ressourcenseite stellt offizielle Templates zur Verfügung. Daneben gibt es Community-Repositories mit aktuellen Overlays für alle Placements.

Font-Empfehlungen für Lesbarkeit innerhalb der Safe Zone

Innerhalb der Safe Zone zählt Lesbarkeit mehr als Ästhetik:

• Bold oder Medium-Gewicht, nie Regular oder Light für Key-Messages
• Zeilenabstand mindestens 1.3x
• Hoher Kontrast: heller Text auf dunklem Untergrund oder umgekehrt
• Mindestschriftgröße: ca. 40--50px bei 1080px Breite
• Scrim oder Text-Shadow wenn das Video hinter dem Text komplex ist

Agentur-Workflow: Von Briefing bis Freigabe

Safe Zone im Briefing verankern

Die Safe Zone muss ins Briefing, nicht in den Freigabe-Schritt. Das bedeutet konkret: Safe Zone-Overlay als Pflichtbestandteil jedes Creative-Briefings, Format 9:16 / 1080×1920 als Vorgabe in der Briefing-Vorlage, keine Ausnahmen ohne explizite Begründung. Bei VSA-Kampagnen kommt eine separate Anforderung für die erweiterte untere Dead Zone hinzu.

Wenn Safezones erst am Ende geprüft werden, ist der Prozess-Design falsch, nicht das Creative.

Früh unter realen Bedingungen prüfen

Das strukturelle Problem ist immer dasselbe: Safe Zone-Checks passieren als finaler Freigabeschritt, wenn Änderungen teuer sind. Der Kunde hat schon approved. Der Designer hat schon exportiert. Dann kommt der Hinweis, dass der CTA halb unter dem Like-Button liegt.

Preview-Checks gehören nicht ans Ende als Abschluss-Gate, sondern als wiederkehrender Schritt ab dem ersten Rohschnitt. Frühe Entwürfe, bereits in der Storyboard-Phase oder beim Erstentwurf, als Draft in den TikTok Ads Manager hochladen (nicht veröffentlichen) und die integrierte Preview nutzen. Das zeigt eine quasi-reale Darstellung inklusive aller UI-Overlays, ohne dass etwas live geht.

Plattformen ändern ihre UI-Elemente gelegentlich ohne große Ankündigung. Wer nur auf ein statisches Overlay-Template vertraut, das seit sechs Monaten nicht aktualisiert wurde, riskiert, mit veralteten Maßen zu designen. Der Live-Preview im Ads Manager zeigt immer den aktuellen Stand.

Drei Preview-Checks während der Produktion (Erstentwurf, nach Feedback-Runde, vor Freigabe) statt einem am Ende.

CapCut-Workflow Schritt für Schritt

CapCut ist das meistgenutzte Tool für TikTok Ad Creatives. Der Ablauf:

1. Canvas auf 1080×1920px setzen, in der Projekteinstellung, nicht nachträglich skalieren
2. Safe Zone-Overlay als PNG importieren, auf die oberste Ebene legen, als nicht verschiebbar sperren
3. Alle Text-, Logo- und CTA-Elemente ausschließlich innerhalb des Overlays platzieren
4. Vorschau auf mindestens zwei Geräten (iOS + Android) vor dem Export
5. Export: H.264, mindestens 30fps, Bitraten-Empfehlung von TikTok beachten
6. Finaler Check im TikTok Ads Manager Preview vor Kampagnenstart

Delegation und Qualitätssicherung im Team

Für Praktikanten und Junior-Designer gilt: Das Safe Zone-Overlay ist Teil des Standard-Templates, nicht optional, nicht verhandelbar. Der Safe Zone-Check gehört als Pflichtpunkt in die Freigabe-Checkliste, nicht als nachträglicher Review.

Senior- und Account-seitig: Review-Pflicht am Freigabe-Schritt. Nicht nach dem Launch, wenn das Budget schon läuft.

Wenn ein Creative wegen Safe Zone-Problemen schlecht performed: Ursache dokumentieren und das Template anpassen, nicht nur das einzelne Creative fixen. Sonst passiert es beim nächsten Brief wieder.

A/B-Testing innerhalb der Safe Zone

Safe Zone-konforme Ads sind die Baseline. Erst wenn die Grundvoraussetzung erfüllt ist, liefern Vergleiche valide Daten. Ein Creative mit verdecktem CTA ist kein Testkandidat, sondern ein Produktionsfehler.

Innerhalb der Safe Zone gibt es sinnvolle Variablen zum Testen:

• Caption an vs. aus (Auswirkung auf Readable Area und mögliche Caption-Kollision)
• CTA-Positionierung: obere vs. untere Safe Zone
• Visueller Anker (Gesicht, Produkt): mittig vs. leicht nach oben verschoben
• Text-Heavy vs. Text-Light innerhalb der sicheren Zone

Die wichtigsten Regeln auf einen Blick

Checkliste TikTok Safe Zones:

• Format: ausschließlich 9:16 / 1080×1920px
• Oben ca. 130px freihalten (Search-Icon, Dynamic Island)
• Unten ca. 350px freihalten (Standard In-Feed) / ca. 450px bei Video Shopping Ads
• Rechts ca. 120px freihalten (Icon-Stack)
• Keinen wichtigen Content außerhalb der 900×1400px-Mittelzone
• Safe Zone-Overlay in jedem Designtool als fixierte Ebene hinterlegen
• Keine burned-in Captions, die mit Native Captions kollidieren
• Kein Logo oben rechts
• Keine Fake-Buttons (Policy-Verstoß)
• Pflichtschritt: TikTok Ads Manager Preview vor jeder Schaltung
• Bei VSA: separater Check für die erweiterte untere Dead Zone