Leitfaden · 6 Min. Lesezeit

Checkliste für Thumbnails mit hoher CTR: 7 visuelle Prinzipien, die auffallen

Sieben Prüfungen, jede mit einem konkreten Test in unter einer Minute – damit du nicht mehr rätst, ob ein Thumbnail im vollen Feed heraussticht.

Kurze Antwort

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.

7Visuelle Prinzipien
168×94Kleinste gängige Größe
1Blickpunkt pro Bild

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.

#PrinzipTestBestanden, wenn
1Ein BlickpunktSquint-Test (Weichzeichnen)Eine Form sticht noch heraus
2Starker KontrastGraustufen + AuditRMS-Kontrast ≥ 0,20
3Erkennbares MotivBei 168×94 ansehenGesicht oder Objekt erkennbar
4Wenige WörterWörter zählen3–5 Wörter, ≥ 90 px hoch
5FarbtrennungDunkler und heller FeedHebt sich in beiden ab
6Freie EckeSafe-Zone-OverlayNichts unter dem Badge
7Titel-ZusammenspielTitel + Bild lesenTitel 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

  1. 01

    Varianten laden

    Lege bis zu vier Exporte in die Feed-Vorschau, jeweils mit eigenem Titel.

  2. 02

    Squint und Graustufen

    Squint-Filter einschalten, dann Graustufen. Notiere, welche Varianten einen klaren Blickpunkt behalten.

  3. 03

    Zur Seitenleisten-Ansicht wechseln

    Prüfe, ob Motiv und Wörter bei 168×94 lesbar sind.

  4. 04

    Dunkel und hell umschalten

    Stelle sicher, dass sich jede Variante in beiden Themes von den umgebenden Thumbnails abhebt.

  5. 05

    Audit-Aufschlüsselung lesen

    Öffne die Aufschlüsselung je Kriterium und behebe rote Zeilen: Kontrast, Schärfe, Ecke, Text.

  6. 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.

PunkteBedeutungNächster Schritt
6–7BereitBlindtest gegen die beste Alternative
4–5Eine klare SchwächeDurchgefallene Zeile beheben, Audit wiederholen
0–3KonzeptproblemMotiv 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üfungVariante AVariante B
Blickpunkt (Squint)BestandenBestanden
RMS-Kontrast0,14 (mittel)0,23 (stark)
Wörter im Bild6, dünn2, fett
Ecke freiNeinJa
Blindwahlen (von 5)14

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.

FAQ

Fragen zu diesem Thema

Was ist eine gute Thumbnail-Klickrate?

Sie variiert nach Thema, Publikum und Traffic-Quelle; vergleiche mit dem Durchschnitt deines Kanals statt mit einer universellen Zahl. Beseitige zuerst mit der Checkliste Sichtbarkeitsprobleme.

Wie viele Wörter gehören auf ein Thumbnail?

Höchstens drei bis fünf, groß genug für 168×94. Auf einer 1280×720-Leinwand heißt das etwa 90 Pixel Höhe oder mehr.

Bringen Gesichter wirklich mehr Klicks?

Gesichter werden schnell erkannt und ziehen den Blick an, aber nur groß und ausdrucksstark. Ein winziges Gesicht in einer vollen Szene hilft nicht.

Welche Farben fallen im Feed auf?

Ein gesättigter Akzent, der in deiner Nische selten ist, kombiniert mit starkem Hell-Dunkel-Kontrast. Prüfe immer in dunklem und hellem Feed.

Wie teste ich ein Thumbnail vor der Veröffentlichung?

In simulierten Feeds in echter Größe ansehen, Squint- und Graustufenprüfung machen und zwei bis vier Varianten blind testen. Nach der Veröffentlichung ist ein Plattformtest mit echtem Traffic möglich.

Soll das Thumbnail zum Titel passen?

Beide sollten sich stützen, aber nicht wiederholen. Lass das Bild den spannendsten Moment zeigen und den Titel ihn erklären.

Quellen

Spezifikationen und Zahlen wurden am 27. Oktober 2026 anhand dieser öffentlichen Quellen geprüft. Plattformregeln ändern sich, prüfe Limits vor einem großen Launch in den offiziellen Hilfeseiten.

  1. Add custom thumbnails — video platform help center
  2. Understanding SC 1.4.3 Contrast (Minimum) — W3C WCAG 2.2
  3. F-Shaped Pattern of Reading on the Web — Nielsen Norman Group
Weiterlesen

Verwandte Leitfäden und Tools