Wie groß muss Text auf einem Thumbnail sein?

Die kurze Antwort

Auf einer Leinwand von 1280 × 720 sollte der kleinste Text, den jemand lesen soll, mindestens 72 Pixel hoch sein — ein Zehntel der Bildhöhe. Neunzig Pixel sind bequem. Unter etwa 48 Pixeln hört Text auf, Text zu sein, und wird Textur.

Diese Zahlen sind keine Stilfrage. Sie kommen von der kleinsten Stelle, an der dein Thumbnail gezeigt wird, und die Rechnung, die daraus folgt, ist das ganze Argument. YouTubes eigene Tipps zu Thumbnail und Titel kommen bis „mach den Text groß“; alles Folgende ist, was passiert, wenn man nach dem Wie-groß fragt.

Wo dein Thumbnail tatsächlich gezeigt wird

Ein Thumbnail wird 1280 Pixel breit gestaltet und in ganz anderen Größen gezeigt. Das sind die Breiten, in denen das Vorschau-Tool es darstellt, an YouTubes Layouts angelehnt:

Zwei Gruppen, und für diese Frage zählt nur eine. Die Stöberflächen liegen bei etwa 28 % deiner Leinwand. Die Vorschlagslisten — wo jemand, der schon etwas schaut, das Nächste aussucht — liegen bei 12,5 %. Jede Regel unten wird von dieser zweiten Zahl gesetzt, denn Text, der dort überlebt, überlebt überall.

Was das mit deiner Schlagzeile macht

Multipliziere die Texthöhe mit diesen beiden Prozentwerten, und die Frage beantwortet sich selbst.

Neun Pixel ist ungefähr die Stelle, an der ein kurzes Wort in einem fetten Schnitt aufhört, lesbar zu sein, und anfängt, erratbar zu sein. Sechs ist die Stelle, an der es beides nicht mehr ist. Genau darum lautet die Antwort 72 und nicht 48: Bei 48 wirkt dein Text auf der Leinwand großzügig und ist in der Vorschlagsspalte verschwunden.

Was wirklich überlebt, ist die Strichstärke

Die Höhe ist die Zahl, nach der alle fragen, aber nicht die Eigenschaft, die zuerst versagt. Zuerst versagt die Strichstärke — wie dick die Linien sind, aus denen die Buchstaben bestehen.

Bei 12,5 % wird aus einem Strich, der in deiner Datei 8 Pixel misst, ein Pixel auf dem Bildschirm. Ein leichter Schnitt, dessen Striche bei dieser Größe 4 oder 5 Pixel haben, landet bei einem halben Pixel, wird mit dem Hintergrund verrechnet und wird grau. Deshalb schlägt ein fetter Schnitt bei 72 Pixeln regelmäßig einen leichten bei 96: Er ist nicht lauter, er ist noch da.

Praktisch: Nimm den fettesten Schnitt deiner Schrift, der noch nach dieser Schrift aussieht, und behandle 8 Pixel Strichstärke genauso als Untergrenze wie 72 Pixel Höhe.

Wie viele Wörter passen, als Zahl

Die Wortzahl ist keine von der Größe getrennte Frage: Beide tauschen sich auf derselben Zeile aus, und der Tausch lässt sich ausrechnen.

Ein fetter Großbuchstabe ist etwa sechs Zehntel seiner Versalhöhe breit. Bei 72 Pixeln sind das rund 43 Pixel pro Zeichen. Die nutzbare Breite sind nicht die vollen 1280, sondern der Teil, der die Safe-Zonen überlebt, sagen wir 1024. Geteilt ergibt das etwa 23 Zeichen auf einer Zeile.

Dreiundzwanzig Zeichen sind drei kurze Wörter oder zwei lange. Das ist die echte Grenze, und deshalb bleibt der Rat, Thumbnail-Text auf drei bis vier Wörter zu begrenzen, richtig: Es ist keine Regel über Aufmerksamkeitsspannen, es ist das, was in lesbarer Größe hineinpasst.

Es erklärt auch, warum ein langes Wort teuer ist. Ein einziges Wort mit zwölf Zeichen frisst die halbe Zeile, und die übliche Reaktion — es kleiner setzen, damit es passt — ist genau der Schritt, der die ganze Schlagzeile unter die Lesbarkeitsgrenze drückt.

Eine Zeile oder zwei

Die Grenze von 23 Zeichen gilt pro Zeile, nicht pro Thumbnail. Eine zweite Zeile ist also der ehrliche Weg, fünf oder sechs Wörter unterzubringen, ohne irgendetwas zu verkleinern. Sie kostet Höhe, und davon ist reichlich da: zwei Zeilen à 72 Pixel plus Zeilenabstand sind rund 160 Pixel, etwas mehr als ein Fünftel der Bildhöhe.

Was sie wirklich kostet, ist die Lesereihenfolge. Eine Zeile wird als eine Form erfasst; zwei Zeilen werden gelesen, nacheinander, und Lesen braucht Zeit, die jemand beim Scrollen nicht aufwendet. Eine zweite Zeile verdient ihren Platz, wenn sie einen wirklich eigenen Gedanken trägt: Aufbau und Auflösung, Motiv und Zahl. Sie verdient ihn nicht, wenn sie derselbe Satz ist, umbrochen, damit er passt.

Wenn du drei Zeilen brauchst, liegt das Problem beim Text und nicht bei der Schrift. Drei Zeilen in lesbarer Größe füllen das halbe Bild, lassen keinen Platz für das Motiv, das die Wörter beschriften sollen, und werden überflogen statt gelesen.

Konturen und Schatten, und wann sie schaden

Eine Kontur trennt Buchstaben von einem Hintergrund, der ihnen Konkurrenz macht, und in kleinen Größen tut sie noch etwas: Sie verdickt den Strich — genau das, was das Verkleinern weggenommen hat.

Sie hilft nicht mehr, sobald sie dick genug wird, um die Punzen zu schließen — die eingeschlossenen Flächen in a, e, o und die Öffnung des r. Sind die zugelaufen, wird das Wort zu einer Reihe von Klecksen, und bei 9 Pixeln ist eine Reihe Kleckse auf eine Weise unlesbar, wie dünner Text es nicht ist. Der Fehler ist bei 100 % Zoom unsichtbar — genau dort, wo Konturen gewählt werden.

Der Schlagschatten ist das sanftere Werkzeug für dieselbe Aufgabe, weil er Trennung schafft, ohne dem Buchstaben etwas hinzuzufügen. Ist der Hintergrund so unruhig, dass beides nicht reicht, lautet die Antwort nicht dickere Kontur, sondern: die Fläche hinter dem Text abdunkeln oder weichzeichnen. Das kostet in keiner Größe etwas.

Farbe versagt früher als Größe

Bei neun Pixeln ist Farbkontrast kein Kontrast. Roter Text auf blauem Grund wirkt auf deiner Leinwand kräftig und liest sich als ein einziger matschiger Wert, sobald beide auf wenige Pixel zusammengerechnet werden.

Was überlebt, ist Helligkeitskontrast: hell auf dunkel, dunkel auf hell. Eine nützliche Probe ist, den Entwurf in Graustufen anzusehen — verschwindet der Text ohne Farbe, hat er sich auf Farbe verlassen, und Farbe ist das Erste, was die Verkleinerung mitnimmt.

Die Prüfung, die das Rechnen ersetzt

All das ist ein Ersatz für eine einzige Sache: den Entwurf in der Größe anzusehen, in der er gelesen wird. Das Rechnen ist nützlich, weil es sagt, wo man anfängt, aber der einzige verlässliche Test ist, das Thumbnail in einem Feed zu sehen, neben anderen Thumbnails, bei 13 %.

Er fängt außerdem, was Rechnen nicht kann. Eine Schlagzeile kann jede Zahl auf dieser Seite einhalten und trotzdem verlieren, weil das Thumbnail daneben dasselbe klarer macht. Den Entwurf in einen echten Feed in echter Größe zu setzen, dauert etwa eine Minute mit dem Vorschau-Tool, und die Fehler, die dabei sichtbar werden, sind die, die sonst vor Publikum passiert wären.

Die zwei Fehler, die fast alles davon verursachen

Beide sind Gewohnheiten des Editors, keine Gestaltungsurteile.

Der erste ist, bei 100 % Zoom zu gestalten. In voller Größe wirkt 72-Pixel-Text riesig, und die Versuchung ist, ihn kleiner zu machen und eine zweite Zeile hinzuzufügen. Jede Entscheidung auf dieser Zoomstufe wird in einer Größe getroffen, die kein Zuschauer je sieht.

Der zweite ist, den Titel ins Thumbnail zu schreiben. Auf einer Feed-Karte steht der Titel direkt daneben oder darunter, in einer Größe, deren Lesbarkeit die Oberfläche garantiert. Ihn im Thumbnail zu wiederholen, gibt die teuerste Fläche des Bildes dafür aus, etwas zu verdoppeln, das gerade ohnehin gelesen wird — und meist ist genau das der Grund, warum der Text auf eine unlesbare Größe geschrumpft wurde. Mehr dazu, wie das Paar zusammenarbeitet, steht in dem Leitfaden zur Klickrate.

Shorts sind schmaler, also ist die Grenze niedriger

Ein hochkantes Bild gibt mehr Höhe und weniger Breite, und Text wird durch die Breite begrenzt. Aus derselben Zeile mit 23 Zeichen werden im 9:16-Format bei gleicher Versalhöhe etwa 13 Zeichen: zwei kurze Wörter, nicht drei.

Die hochkanten Kacheln werden zudem klein angezeigt. Kürze die Wörter, statt die Schrift zu verkleinern — die zweite Möglichkeit ist die, die unlesbar endet. Das Bildformat und seine Oberflächen stehen im Leitfaden zu Shorts-Thumbnails.

Häufige Fragen dazu