QuickATools

Creator · Free browser tool

TikTok- & Shorts-Safe-Zone-Checker

UI-Overlays auf TikTok und YouTube Shorts vorschauen, damit Captions und CTAs sichtbar und on-brand bleiben.

Drag & drop a vertical screenshot

9:16 recommended · JPG, PNG, WebP · up to 20 MB

Platform overlay

Switch UI chrome to match where you publish.

Preview controls

Red bands mark high-collision UI. Keep titles, prices, and CTAs inside the dashed rectangle for TikTok.

Live safe-zone preview

TikTok · 9:16 canvas (360×640)

100% client-side · screenshots never leave your browser

Frequently Asked Questions

Welche Plattformen deckt das Overlay ab?

Sie können TikTok-, YouTube-Shorts- und Instagram-Reels-UI-Chrome vorschauen — jede Plattform hat leicht andere Action-Rail-, Caption-Zonen und Top-Navigation.

Welches Seitenverhältnis sollte mein Screenshot haben?

Ein 9:16-Hochkant-Screenshot wird empfohlen, passend zu Fullscreen-Video. Die Preview-Canvas ist fest 360×640 (9:16) und Cover-cropt andere Verhältnisse.

Werden meine Screenshots irgendwohin hochgeladen?

Nein. Bilder werden direkt im Browser geladen und auf einem HTML5-Canvas gerendert. Nichts geht an einen Server — auch der finale Download bleibt auf Ihrem Gerät.

Was bedeuten das gestrichelte Rechteck und die Gitterlinien?

Das gestrichelte Rechteck markiert den sicheren Innenbereich, der am wenigsten von Plattform-UI verdeckt wird. Das optionale Gitter zeigt Drittelregel und Mittelkreuz, um Gesichter, Text und Key Visuals vor dem Export auszurichten.

Warum Safe Zones für TikTok-, Shorts- und Reels-Editing zählen

TikTok, YouTube Shorts und Instagram Reels legen persistente UI über Fullscreen-Hochkantvideo: rechts Action-Rail für Likes und Comments, unten Caption- und Sound-Leiste, oben Navigation. Liegen Captions, Produkt-Callouts oder Untertitel darunter, werden sie teilweise oder ganz verdeckt — Klarheit, Verständnis und Watch Time leiden.

Eine Safe Zone ist der Innenbereich des Frames, der geräte- und versionsübergreifend am wenigsten von Plattform-UI bedeckt wird. Dafür gestalten heißt: wichtigste visuelle Infos — Gesichter, Key Text, CTAs — innerhalb des gestrichelten Rechtecks dieses Tools halten, nicht an den äußersten Rändern.

Dieser kostenlose TikTok- & Shorts-Safe-Zone-Checker rendert die ungefähre UI-Chrome jeder Plattform direkt auf Ihrem Screenshot mit HTML5 Canvas — vollständig im Browser. Overlay-Opazität toggeln, Plattform wechseln, optionales Drittelregel-Gitter nutzen und ein final geprüftes Referenzbild exportieren — kein Upload, kein Account, kein Warten.