Ein Thumbnail fällt auf, wenn es sieben Prüfungen besteht: ein klarer Blickpunkt, starker Hell-Dunkel-Kontrast, ein Gesicht oder Objekt, das bei 168×94 erkennbar ist, höchstens drei bis fünf Wörter, eine Farbe, die es vom Feed abhebt, nichts Wichtiges unter dem Dauer-Badge und ein Titel, der Information ergänzt statt das Bild zu wiederholen. Teste jeden Punkt in Feed-Größe, nicht in voller Größe, und vergleiche Varianten vor der Veröffentlichung im Blindtest.
Was die Klickrate misst – und was nicht
Die Klickrate ist der Anteil der Thumbnail-Impressionen, aus denen Aufrufe werden. Sie hängt von Publikum, Thema, Titel und Ausspielort ab, daher gibt es keine universell „gute“ Zahl; dasselbe Thumbnail kann auf der Startseite und in der Suche sehr unterschiedliche Raten erzielen. Was ein Thumbnail steuert, ist die erste halbe Sekunde: ob der Blick hängen bleibt und ob klar wird, worum es geht.
Deshalb geht es in dieser Checkliste um Sichtbarkeit und Klarheit statt um Tricks. Ein Design, das in kleiner Größe gut zu sehen und zu verstehen ist, gibt Titel und Thema eine faire Chance. Ein überladenes, kontrastarmes Design verliert, bevor ein Wort gelesen wurde. Auch Plattformtests belohnen das lange Spiel: Thumbnail-Experimente werden nach dem Anteil der Wiedergabezeit bewertet, nicht nur nach Klicks.
“Gute Thumbnails erfüllen einen wichtigen Zweck, der über das Anklicken hinausgeht.”
Test & compare thumbnails — video platform help center · Zitat aus dem Englischen übersetzt
Die 7 Prinzipien im Überblick
Nutze die Tabelle als Checkliste vor dem Upload. Jede Zeile hat einen Test in ThumbProof oder im Editor und eine Bestehensbedingung. Fällt eine Variante bei zwei oder mehr Zeilen durch, korrigiere sie, bevor du Zeit in einen A/B-Test steckst.
| # | Prinzip | Test | Bestanden, wenn |
|---|---|---|---|
| 1 | Ein Blickpunkt | Squint-Test (Weichzeichnen) | Eine Form sticht noch heraus |
| 2 | Starker Kontrast | Graustufen + Audit | RMS-Kontrast ≥ 0,20 |
| 3 | Erkennbares Motiv | Bei 168×94 ansehen | Gesicht oder Objekt erkennbar |
| 4 | Wenige Wörter | Wörter zählen | 3–5 Wörter, ≥ 90 px hoch |
| 5 | Farbtrennung | Dunkler und heller Feed | Hebt sich in beiden ab |
| 6 | Freie Ecke | Safe-Zone-Overlay | Nichts unter dem Badge |
| 7 | Titel-Zusammenspiel | Titel + Bild lesen | Titel ergänzt neue Information |
1. Ein Blickpunkt
Das Auge braucht einen Landeplatz. Thumbnails mit drei Gesichtern, zwei Objekten und einer Schlagzeile teilen die Aufmerksamkeit und wirken in kleiner Größe wie Rauschen. Wähle das wichtigste Element – meist ein Gesicht mit klarem Ausdruck oder das Objekt, um das es geht – und mach es groß, idealerweise 25–45 % des Bildes.
Der Squint-Test macht das objektiv: Zeichne das Bild weich, bis Details verschwinden. Sticht noch eine Form heraus, hast du einen Blickpunkt. Verschmilzt alles zu einer grauen Masse, vereinfache. Eye-Tracking-Studien zu Webseiten zeigen, dass Menschen in schnellen Fixationen scannen und überspringen, was nicht heraussticht – ein voller Feed ist der Extremfall davon.
2. Starker Hell-Dunkel-Kontrast
Kontrast übersteht das Verkleinern. Farbunterschiede verblassen in kleinen Größen und auf billigen Bildschirmen, Hell gegen Dunkel bleibt sichtbar. Das Audit von ThumbProof misst den RMS-Kontrast auf einer Luminanzversion deines Bildes: unter 0,12 wirkt das Design flach, 0,12–0,20 ist mittel, ab 0,20 stark.
Für Text im Bild übernimm die Barrierefreiheitsregel für Webtext: mindestens 4,5:1 zwischen Text und Hintergrund. Eine dicke dunkle Kontur oder ein weicher Schatten hinter hellem Text ist auf unruhigen Fotos der schnellste Weg dorthin.
Die Checkliste in fünf Minuten durchgehen
- 01
Varianten laden
Lege bis zu vier Exporte in die Feed-Vorschau, jeweils mit eigenem Titel.
- 02
Squint und Graustufen
Squint-Filter einschalten, dann Graustufen. Notiere, welche Varianten einen klaren Blickpunkt behalten.
- 03
Zur Seitenleisten-Ansicht wechseln
Prüfe, ob Motiv und Wörter bei 168×94 lesbar sind.
- 04
Dunkel und hell umschalten
Stelle sicher, dass sich jede Variante in beiden Themes von den umgebenden Thumbnails abhebt.
- 05
Audit-Aufschlüsselung lesen
Öffne die Aufschlüsselung je Kriterium und behebe rote Zeilen: Kontrast, Schärfe, Ecke, Text.
- 06
Die Übrigen blind testen
Fünf Blindrunden mit den bestandenen Varianten zeigen, welche du zuerst bemerkst.
3. Ein Motiv, das bei 168×94 erkennbar ist
Gesichter wirken, weil Menschen sie schnell erkennen – aber nur, wenn sie groß sind. Ein Gesicht, das weniger als etwa 4 % des Bildes füllt, schrumpft in der Seitenleiste auf wenige Pixel. Schneide eng zu, zeige den Ausdruck deutlich und sorge für Kontrast bei Augen und Mund gegenüber Haut und Hintergrund.
Hat das Video kein Gesicht, gilt dieselbe Regel für Produkt, Ergebnis oder Vorher-Nachher. Zeige ein Objekt, groß, aus einem Winkel, der seine Form sofort klar macht.
4. Drei bis fünf Wörter, groß gesetzt
Text im Thumbnail sollte etwas ergänzen, das das Bild nicht sagen kann: eine Zahl, ein Ergebnis oder eine Wendung. Mehr als fünf Wörter bedeuten meist, dass der Text den Titel wiederholt oder zu klein zum Lesen wird. Auf einer 1280×720-Leinwand sollte das kleinste wichtige Wort mindestens 90–110 Pixel hoch und fett sein.
Platziere Text nicht dort, wo die Oberfläche darüber liegt, und meide dünne Schreibschriften. Kannst du die Wörter bei 168×94 nicht lesen, können es Zuschauer am Handy in der Seitenleiste auch nicht.
5–7. Farbe, Ecke und Titel
Farbtrennung: Sieh dir das Thumbnail in einem dunklen und einem hellen Feed an. Ein Design auf fast schwarzem Hintergrund kann im Dark Mode verschwinden, ein blasses im Light Mode. Eine gesättigte Akzentfarbe, die in deiner Nische selten ist, hilft oft mehr als ein Regenbogen.
Freie Ecke: Das Dauer-Badge verdeckt die Ecke unten rechts. Halte Text, Gesichter und Logos aus den rechten 22 % und unteren 22 % des Bildes heraus. Titel-Zusammenspiel: Titel und Thumbnail sollten als Paar funktionieren und unterschiedliche Information tragen. Zeigt das Bild das Ergebnis, nennt der Titel die Methode; stellt der Titel eine Frage, deutet das Bild die Antwort an.
- In dunklem und hellem Feed prüfen
- Badge-Ecke frei halten
- Titel und Bild tragen unterschiedliche Information
So bewertest du eine Variante mit der Checkliste
Gib jedem Prinzip einen Punkt, wenn die Variante besteht, und null, wenn nicht. Varianten mit 6 oder 7 Punkten sind bereit für einen Blindtest. Varianten mit 4 oder 5 Punkten haben meist ein lösbares Problem, oft zu kleinen Text oder eine volle Ecke. Bei 3 Punkten oder weniger braucht es ein neues Konzept statt Feinschliff.
Notiere die Punkte deiner veröffentlichten Thumbnails neben ihren echten Ergebnissen. Nach zehn oder zwanzig Videos siehst du, welche Prinzipien für dein Publikum am meisten zählen, und kannst sie gewichten. So wird aus einer generischen Checkliste dein eigenes Designsystem.
| Punkte | Bedeutung | Nächster Schritt |
|---|---|---|
| 6–7 | Bereit | Blindtest gegen die beste Alternative |
| 4–5 | Eine klare Schwäche | Durchgefallene Zeile beheben, Audit wiederholen |
| 0–3 | Konzeptproblem | Motiv und Layout neu denken |
Rechenbeispiel: zwei Varianten eines Koch-Thumbnails
Variante A zeigt eine Schüssel Ramen von oben, unten quer in dünnen weißen Buchstaben „10-MIN RAMEN THAT BEATS TAKEOUT“. Variante B zeigt dieselbe Schüssel schräg mit sichtbarem Dampf, oben links „10 MIN“ in großen gelben Buchstaben mit dunkler Kontur.
In der Checkliste fällt A bei drei Zeilen durch: Die sechs Wörter sind bei 168×94 zu klein, der Text liegt teilweise unter dem Badge, und der RMS-Kontrast beträgt 0,14. B besteht alle sieben. Im Blindtest über fünf Runden bemerkte der Creator B in vier Runden zuerst, im Schnitt nach 0,8 Sekunden gegenüber 1,4 Sekunden bei A.
| Prüfung | Variante A | Variante B |
|---|---|---|
| Blickpunkt (Squint) | Bestanden | Bestanden |
| RMS-Kontrast | 0,14 (mittel) | 0,23 (stark) |
| Wörter im Bild | 6, dünn | 2, fett |
| Ecke frei | Nein | Ja |
| Blindwahlen (von 5) | 1 | 4 |
Häufige Fehler, die die Sichtbarkeit kosten
Titel ins Bild kopieren
Den Titel zu wiederholen verschwendet Platz. Ergänze neue Information.
Zu viele Elemente
Drei Gesichter, Pfeile und ein Logo konkurrieren. Ein Motiv und höchstens ein Nebenelement.
Am großen Monitor beurteilen
Dein Editor zeigt 1280 Pixel, Zuschauer sehen 168 bis 360. Teste immer klein.
Kontrastarme Farbschemata
Zwei gesättigte Farben gleicher Helligkeit verschwimmen. Prüfe in Graustufen.
Irreführende Bilder
Clickbait, das das Video nicht einlöst, kostet Wiedergabezeit – genau das belohnen Plattformtests.
Alles auf einmal ändern
Ändere beim Vergleichen nur eine Variable, damit du lernst, was den Unterschied macht.
