Die Thumbnail-Safe-Zone, Oberfläche für Oberfläche

Warum die Zahlen sich widersprechen

Such nach einer Thumbnail-Safe-Zone und jedes Ergebnis liefert ein anderes Rechteck. Eines sagt, alles innerhalb von 1100 × 620 zu halten, das nächste nennt 40 Pixel Abstand nach unten, ein drittes zeichnet den Kasten ganz woanders hin.

Sie widersprechen sich, weil es nichts gibt, worüber man sich einig werden könnte. YouTube dokumentiert, wie die Datei beschaffen sein muss — Maße, Seitenverhältnis, Formate, Größenlimits, alles im Leitfaden zu Größen und Spezifikationen — und sagt nichts darüber, welche Teile des Bildes die eigene Oberfläche verdeckt. Jede kursierende Safe-Zone-Zahl ist die Messung von irgendjemandem an einem beweglichen Ziel.

Nutzlos ist die Idee deswegen nicht. Die Bedienelemente selbst sind stabil: Sie sitzen seit Jahren in denselben Ecken, und wo sie sitzen, lässt sich beobachten. Es folgt ihre Karte und eine Arbeitsregel in Prozent statt in Pixeln, damit sie sowohl einen Wechsel deiner Leinwand als auch einen Umbau ihrer Oberfläche überlebt. YouTube veröffentlicht Anforderungen an die Datei — Auflösung, Verhältnis, Größe, Format — und überhaupt nichts darüber, was die eigene Oberfläche anschließend darüberlegt. Jede kursierende Safe-Zone-Zahl, die unten stehenden eingeschlossen, ist irgendjemandes Messung.

Was tatsächlich auf deinem Thumbnail liegt

Vier Dinge werden über ein Thumbnail gezeichnet, und sie sind nicht gleich wahrscheinlich.

Beachte, was nicht in der Liste steht: Titel, Kanalname und Aufrufzahl sind keine Überlagerungen. Sie stehen darunter oder daneben und verdecken nie etwas — was sie nicht harmlos macht, wie der Abschnitt zum Mobilgerät weiter unten zeigt.

Die untere rechte Ecke geht immer verloren

Das Dauer-Badge ist das einzige Element, auf das du dich jedes Mal verlassen kannst, und es ist der Grund, warum die untere rechte Ecke kein nutzbarer Platz ist.

Seine Breite hängt von der Videolänge ab: fünf Minuten ergeben einen schmalen Kasten, eine Stunde einen breiteren, weil die Zeichenkette länger ist. Auch die Fläche, die es frisst, ist also nicht fest — ein Argument dafür, großzügig zu reservieren statt genau zu messen. Reserviere das rechte Fünftel der Breite und das untere Sechstel der Höhe, dann bist du bei jeder Länge frei.

Genau dort platzieren viele Kanäle ihr Logo, und das gehört klar gesagt: Ein Logo in der unteren rechten Ecke ist ein Logo unter einem schwarzen Kasten.

Die Unterkante, für alle, die wiederkommen

Der rote Fortschrittsbalken erscheint entlang der Unterkante des Thumbnails bei allen, die einen Teil des Videos schon gesehen haben. Er ist dünn, läuft aber über die ganze Breite — und zwar genau bei dem Publikum, das du am ehesten zurückholen willst: Abonnenten, Rückkehrer aus dem Verlauf, alle, die auf halber Strecke ausgestiegen sind.

Viel Platz kostet er nicht. Er kostet die untersten paar Prozent des Bildes, und er ist ein guter Grund, eine Textzeile nicht direkt auf der Unterkante enden zu lassen, wo ein roter Balken unter den Unterlängen das letzte Wort in Kachelgröße schwerer lesbar macht.

Die Kanten, weil Beschnitt nicht eine Sache ist

Das größere Risiko ist gar keine Überlagerung: Es ist, dass das Bild, das du gestaltet hast, nicht immer das Bild ist, das gezeigt wird. Dieselbe Datei erscheint in einer Desktop-Rasterkachel, einer mobilen Feed-Karte, einem Suchergebnis, einer Reihe vorgeschlagener Videos, im Kanalraster und auf dem Fernseher — und diese Oberflächen behandeln die Kanten nicht identisch.

Aufzählen lässt sich das nicht seriös, weil es sich mit App-Versionen und Bildschirmgrößen ändert. Was du tun kannst: Hör auf, den äußeren Rand des Bildes als Gestaltungsfläche zu behandeln. Halte die Komposition innerhalb der mittleren neunzig Prozent, und die Unterschiede hören auf, eine Rolle zu spielen — was eine Oberfläche auch wegnimmt, sie nimmt Hintergrund weg.

Die Arbeitsregel — und eine Vorlage

Zusammengenommen ergeben die vier eine Regel, die nicht von einer Zahl abhängt, die YouTube nie veröffentlicht hat. Auf einer Leinwand von 1280 × 720:

• Freihalten — das rechte Fünftel der Breite mal das untere Sechstel der Höhe, für das Dauer-Badge.
• Freihalten — derselbe Block unten links, für Live- und Untertitel-Badges.
• Freihalten — die unteren drei Prozent über die volle Breite, für den Fortschrittsbalken.
• Sichere Fläche — die mittleren neunzig Prozent in beide Richtungen fangen die Beschnittunterschiede zwischen Oberflächen ab.
• Text und Gesichter — die mittleren achtzig Prozent mal sechsundsiebzig, also das, was übrig bleibt, wenn alles andere beachtet ist.

Zwei Vorlagen in 1280 × 720 zum Prüfen der eigenen Arbeit: eine beschriftete Referenz und ein transparentes Overlay, das du im Editor direkt über einen Entwurf legst. Beide beruhen auf Prozentwerten und skalieren damit auf jede Leinwand.

Die unbrauchbaren Ecken nutzen

Diese Flächen zu reservieren heißt nicht, sie zu verschwenden. Das Badge legt sich auf das, was darunter liegt; die einzige Frage ist, worauf es sich bequem legt.

Dorthin gehört Hintergrund: Himmel, eine Wand, ein unscharfer Teil der Szene, eine gleichmäßige Farbfläche. In den unteren Ecken willst du etwas, das sich mit und ohne schwarzen Kasten gleich liest. Ein nach unten dunkler werdender Verlauf funktioniert gut und lässt das Dauer-Badge nebenbei gewollt aussehen statt daraufgesetzt.

Nicht dorthin gehört alles, wovon die Komposition abhängt: die Augen des Motivs, der Zielpunkt einer Geste, das Ende einer Schlagzeile, ein Logo. Wenn das Layout aus dem Gleichgewicht gerät, sobald du eines davon aus der Ecke nimmst, ist das meist ein Zeichen, dass es gebaut wurde, um das Rechteck zu füllen, und nicht, um in Kachelgröße zu funktionieren.

Der Titel verdeckt nichts, nimmt aber Aufmerksamkeit

Auf dem Handy steht der Titel direkt unter dem Thumbnail, fett, fast in derselben Breite. Er verdeckt nichts und verändert die Gestaltung trotzdem, weil das Auge beides als einen Block liest.

Praktisch heißt das: Text im unteren Drittel des Thumbnails konkurriert mit dem Titel um denselben Blick, an derselben Leseposition, in fast derselben Größe. Und wenn die Wörter im Thumbnail die des Titels wiederholen, ist diese Konkurrenz zusätzlich Verschwendung — du hast die stärkste Fläche des Bildes dafür ausgegeben, etwas zu sagen, das gleich ohnehin gelesen wird.

Sieh es dir in der Größe an, in der es gesehen wird

Alle Regeln oben scheitern in der Praxis auf dieselbe Weise: Man befolgt sie auf einer Leinwand bei 100 %, wo eine Ecke riesig und ein Rand verschwendet wirkt, und schickt die Datei dann raus, ohne sie je in der Größe gesehen zu haben, in der sie erscheint.

Ein Thumbnail in der Spalte der vorgeschlagenen Videos ist ein Bruchteil der Breite, in der du es entworfen hast. In dieser Größe ist ein in die Ecke gedrängtes Motiv nicht nur verdeckt, es war ohnehin nicht lesbar. Den Entwurf in einen echten Feed zu setzen, in echter Größe, ist die Prüfung, die aus der Safe-Zone etwas Sichtbares statt etwas Theoretisches macht — und sie dauert etwa eine Minute mit dem Vorschau-Tool.

Die Fehler, die daraus entstehen, nach Häufigkeit

Fast jeder Safe-Zone-Fehler ist einer von vieren, und alle lassen sich vor dem Veröffentlichen beheben.

• Ein Wort der Schlagzeile endet in der unteren rechten Ecke, also liegt das letzte Wort unter dem Dauer-Badge.
• Das Kanallogo sitzt unten rechts und ist dauerhaft halb verdeckt.
• Ein Gesicht ist so knapp an eine Kante geschnitten, dass eine Oberfläche, die ein paar Prozent wegnimmt, ins Gesicht schneidet.
• Text reicht bis an die Unterkante, wo für Rückkehrer der Fortschrittsbalken durch die Unterlängen läuft.

Shorts sind ein völlig anderes Bild

Nichts davon lässt sich auf Shorts übertragen. Das Bild ist hochkant, die Oberflächen, die ein Shorts-Thumbnail zeigen, sind andere, und der Beschnitt verhält sich anders: Er nimmt oben und unten weg statt an den Ecken.

Wenn du beide Formate veröffentlichst, behandle sie als zwei Aufgaben und nicht als einen skalierten Entwurf. Der hochkante Fall steht im Leitfaden zu Shorts-Thumbnails.

Häufige Fragen dazu