Free tools

TikTok Safe Zone Checker (kostenlos – eigenes Frame überlagern)

Lade einen Frame aus deinem TikTok-Video hoch und das Tool legt die genauen Bereiche darüber, wo TikToks Oberfläche dein Bild überlagert – die Following-/For-You-Tabs und Statusleiste oben, die rechte Aktionsleiste, den Caption- und Nutzernamen-Block sowie die untere Navigation. Du siehst auf einen Blick, ob dein Hook-Text, dein Gesicht oder dein On-Screen-Call-to-Action hinter einem Like-Button oder einem Hashtag verschwindet. Alles läuft in deinem Browser: Dein Bild wird weder hochgeladen, gespeichert noch irgendwohin übertragen.

Die Arbeitsfläche entspricht einem echten TikTok-Video – 1080 × 1920 px, 9:16 – und stammt direkt aus demselben verifizierten Datensatz wie unser TikTok-Video-Größen-Guide. Frame und Datenblatt können also nie auseinanderdriften. Die Overlays basieren auf dokumentierten TikTok-UI-Maßen, nicht auf Schätzungen – sie sind aber als Orientierungshilfe gedacht, nicht als pixelgenaue Spezifikation, da TikTok sein Layout zwischen App-Versionen und Geräten anpasst.

Drag and drop a frame from your clip here, or

JPEG, PNG, or WebP, up to 20 MB. Processed in your browser — never uploaded.

Your frame will appear here with the safe-zone overlays.

Interface zones

Toggle a zone to show or hide its overlay.

What the interface covers

These are the share of the total frame each interface zone occupies — pure geometry. The tool can’t see your image, so it makes no claim about whether your subject is covered; judge that against the overlay above.

  • Obere Tabs / Status covers 8.0% of the frame
  • Rechte Aktionsleiste covers 9.4% of the frame
  • Caption, Nutzername & Sound covers 14% of the frame
  • Untere Navigationsleiste covers 5.0% of the frame

Die Positionen der UI-Elemente sind Näherungswerte und variieren je nach App-Version, Gerät und Bildschirmgröße – betrachte die Overlays als Orientierungshilfe, nicht als pixelgenaue Spezifikation. Stand Juni 2026.

Your image is processed entirely in your browser with the Canvas API — it never leaves your device, and nothing is uploaded or stored.

Dieses Tool teilen
XLinkedInFacebook

Guide

Designing for the safe zones

Wo TikToks Oberfläche tatsächlich liegt

Ein TikTok-Video läuft im Vollbildmodus, aber TikTok legt seine eigenen Bedienelemente über dein Material – und die weichen nicht für deinen Content. Oben im Frame befinden sich die Following- und For-You-Tabs, das Suchsymbol sowie die Statusleiste oder Notch des Geräts. Am rechten Rand liegt die vertikale Aktionsleiste: dein Profilavatar mit dem Folgen-Button, darunter gestapelt Like, Kommentar, Lesezeichen, Teilen und die rotierende Audio-Disc, von etwa der Mitte des Frames nach unten. Der untere Streifen enthält deinen @Nutzernamen, Caption-Text, Hashtags und das scrollende Musik-Label – dieser Bereich kann sogar noch höher werden, wenn eine Caption erweitert wird oder mehrere Zeilen umfasst.

Alles, was du unter diesen Bereichen platzierst, steckt zwar noch in deiner Videodatei, wird aber von Zuschauern nicht zuverlässig gesehen. Der häufigste Fehler: einen wichtigen Caption-Text oder einen Call-to-Action im unteren Teil des Frames einzublenden – genau dort, wo TikToks eigener Caption-Block landet. Leg deinen Frame hier drüber, und die Überlappung fällt auf, bevor du veröffentlichst, nicht danach.

Für den sichtbaren Bereich komponieren

Die zuverlässige Fläche in einem TikTok-Video ist die Mitte des Frames, leicht nach oben verschoben. Halte Gesichter, Produkte und jeden Text, der gelesen werden muss, innerhalb dieses Bereichs – frei von der rechten Aktionsleiste und dem unteren Abschnitt. Wenn dein Hook als Text erscheint, funktioniert die obere Mitte am besten: hoch genug, um den Caption-Block zu vermeiden, aber tief genug, um die oberen Tabs und die Statusleiste freizulassen.

Denk daran: Die Overlays markieren, wo die Oberfläche liegt – nicht einen harten Schnitt. Dein Material wird nicht beschnitten; es wird überlagert. Ein dekoratives Hintergrundbild kann problemlos bis zu den Rändern reichen – es sind die bedeutsamen Elemente, die im freien Bereich bleiben müssen. Im Zweifelsfall behandle das rechte Viertel und das untere Fünftel als geliehenen Raum: gut für Atmosphäre, riskant für alles, was ein Zuschauer tatsächlich sehen oder darauf reagieren soll.

Die Abdeckungsprozentsätze richtig einordnen

Der Prozentwert jeder TikTok-Zone ist schlicht die Rechteckfläche im Verhältnis zum gesamten 9:16-Frame – nicht mehr. Das Tool misst die Oberfläche, nicht deinen Clip, und kann daher nicht erkennen, ob die For-You-Tabs auf toten Raum treffen oder ob der Caption-Block deine Pointe verschluckt. Wir liefern die Geometrie klar und ehrlich, statt ein „Motiv verdeckt"-Urteil zu erfinden, das kein In-Browser-Tool ehrlich produzieren könnte.

Die eine Zahl, die du bei TikTok besonders im Blick behalten solltest, ist der Caption-Block: Er wird in seiner Grundhöhe dargestellt, aber eine lange oder erweiterte Caption lässt ihn wachsen (der Zonenhinweis nennt den Bereich ~250–324 px), also gib der unteren Mitte des Frames extra Abstand, auch wenn das Overlay noch Raum zu lassen scheint. Schalte die Aktionsleiste und den Caption-Bereich in der Legende ein und aus, während du neu positionierst, und beachte: Das Layout ist aus dokumentierten TikTok-Maßen übertragen, die sich zwischen App-Versionen und Geräten verschieben – plane mit Spielraum, nicht auf den Pixel.

Häufige Fragen

Lädt dieses Tool mein Video oder Bild hoch?

Nein. Dein TikTok-Frame bleibt die ganze Zeit auf deinem Gerät – die Canvas-API zeichnet ihn und die Overlays direkt auf der Seite, und jede annotierte Vorschau wird direkt zu dir heruntergeladen. Kein Server empfängt die Datei, nichts wird gespeichert oder protokolliert, und das Tool funktioniert identisch, ob du online oder komplett offline bist.

Was sind die TikTok Safe Zones?

Das sind die Bereiche eines TikTok-Videos, in denen die eigene Oberfläche der App über deinem Material liegt: die oberen Tabs und die Statusleiste, die rechte Aktionsleiste (Profilavatar, Like, Kommentar, Lesezeichen, Teilen, Audio-Disc) sowie der untere Caption- und Nutzernamen-Block. Alles Wichtige – dein Gesicht, dein Hook, On-Screen-Text – sollte außerhalb dieser Bereiche und zur Mitte des Frames hin platziert werden.

Erkennt der Checker, ob mein Motiv verdeckt wird?

Nein. Er zeichnet die oberen Tabs, die Aktionsleiste und den Caption-Block ein und zeigt an, wie viel Prozent des Frames jeder Bereich belegt – das ist die gesamte Messung. Ob dein Hook-Text hinter der Caption liegt oder dein Gesicht die Aktionsleiste freilässt, entscheidest du selbst per Augenschein mit dem Overlay – zumal der Caption-Block bei längeren Texten wachsen kann. Wir erfinden keine „Motiv verdeckt"-Angabe, die ein Browser-Tool schlicht nicht messen kann.

Sind die Overlay-Positionen exakt?

Sie sind aus dokumentierten TikTok-UI-Maßen übertragen und damit genau genug zur Planung – aber sie sind eine Orientierungshilfe, keine pixelgenaue Spezifikation. TikTok verschiebt sein Layout zwischen App-Versionen, Geräten und Bildschirmgrößen (und der Caption-Bereich wächst, wenn Captions erweitert werden), also lass lieber etwas Abstand, statt Content direkt an eine Zonenkante zu setzen.

Dieses Tool auf deiner Website einbetten

Kostenlos — füge diesen Code in eine beliebige Seite ein. Er bleibt automatisch aktuell und verlinkt zu SocialKit.

<iframe src="https://socialk.it/embed/tiktok-safe-zone-checker" width="100%" height="920" style="border:1px solid #e5e7eb;border-radius:12px;max-width:680px" loading="lazy" title="TikTok Safe-Zone-Checker by SocialKit"></iframe>

Framed it right? Now schedule the Reel

SocialKit publishes scheduled Reels natively to Instagram — check your framing here, then let the calendar publish it at the right time across all 11 platforms.

Jetzt kostenlos testen

0,00 € heute fällig · jederzeit kündbar · 7 Tage Geld-zurück-Garantie