ThumbProof
Gib jedem Thumbnail einen Blickpunkt, der etwa 25–45 % des Bildes einnimmt. Ist es ein Gesicht, schneide eng zu, sodass es mindestens 10–15 % des Bildes füllt, zeige einen klaren Ausdruck und sorge für guten Kontrast um Augen und Mund. Platziere es im linken oder mittleren Drittel, weg von der Ecke unten rechts, und bestätige mit Squint-Test und Detail-Heatmap, dass das Auge es zuerst findet.
Warum ein einziger Blickpunkt zählt
Ein Feed ist ein Raster konkurrierender Bilder. Das Auge springt in schnellen Fixationen zwischen ihnen und bleibt nur dort stehen, wo etwas klar heraussticht. Ein Thumbnail mit einer dominanten Form gibt dem Auge einen Landeplatz; eines mit fünf gleichwertigen Elementen bietet keinen Halt, also zieht der Blick weiter.
Studien dazu, wie Menschen Webseiten scannen, beschreiben dieses Muster: Sie lesen nicht jedes Element, sondern suchen Signale und überspringen den Rest. Bei 168×94 Pixel ist der Effekt stärker, weil kleine Details verschwinden und nur die größte, kontrastreichste Form bleibt.
“Nutzer lesen Webseiten oft in einem F-förmigen Muster”
F-Shaped Pattern of Reading on the Web — Nielsen Norman Group · Zitat aus dem Englischen übersetzt
Wie groß Gesicht oder Motiv sein sollten
Größe ist der wichtigste einzelne Faktor. Ein Gesicht, das 3 % des Bildes füllt, wird in Seitenleistengröße wenige Pixel breit – zu klein, um einen Ausdruck zu lesen. ThumbProof warnt, wenn erkannte Gesichter weniger als 4 % des Bildes abdecken, und wertet einen detailreichsten Bereich von 5–60 % als gesundes Hauptmotiv.
| Gesichtsfläche (Anteil am Bild) | Bei 168×94 | Ausdruck lesbar? | Urteil |
|---|---|---|---|
| < 4 % | Gesicht ca. 12 px breit | Nein | Zu klein |
| 4–10 % | ca. 20 px breit | Manchmal | Grenzwertig |
| 10–25 % | ca. 30–45 px breit | Ja | Gut |
| 25–45 % | ca. 45–60 px breit | Deutlich | Stark |
| > 60 % | Füllt die Karte | Ja, aber kein Platz für Kontext | Mit Bedacht nutzen |
Für Motive ohne Gesicht wie ein Produkt, ein Gericht oder ein Ergebnis gelten dieselben Bereiche für die Silhouette des Objekts.
Ausdrücke, die in kleinen Größen wirken
Subtile Ausdrücke verschwinden beim Verkleinern. Weit geöffnete Augen, ein offener Mund, hochgezogene Augenbrauen und eine deutliche Kopfneigung überleben; ein leichtes Lächeln oder ein nachdenklicher Blick nicht. Nicht jedes Thumbnail braucht ein übertriebenes Gesicht, aber der Ausdruck sollte in Seitenleistengröße lesbar sein und zum Ton des Videos passen.
Licht ist so wichtig wie der Ausdruck. Fotografiere oder bearbeite so, dass das Gesicht heller ist als der Hintergrund, mit klaren Schatten, die Augen und Mund definieren. Flaches Frontallicht lässt Gesichter klein wie leere Ovale wirken.
- Klare Augen und klarer Mund
- Gesicht heller als Hintergrund
- Ausdruck passt zum Ton des Videos
- Ein Gesicht wirkt stärker als drei
Platzierung: Drittel, Blickrichtung und Ecke
Setze den Blickpunkt ins linke oder mittlere Drittel des Bildes. So bleibt er vom Dauer-Badge unten rechts entfernt, und oben ist Platz für zwei oder drei Wörter. Schaut die Person auf etwas – ein Objekt, den Text, ein Ergebnis –, folgt der Blick des Zuschauers meist dieser Richtung; lass das Motiv also ins Bild hinein statt hinaus blicken.
Vermeide Gesichter ganz unten, wo Fortschrittsbalken und abgerundete Ecken sie anschneiden, und lege keinen Text über Augen oder Mund.
| Position | Gut für | Achtung |
|---|---|---|
| Linkes Drittel | Gesicht + Text oben rechts | Text aus der Badge-Ecke heraushalten |
| Mitte | Einzelnes Objekt, Symmetrie | Text muss darüber oder darunter |
| Rechtes Drittel | Lesefluss vom Text zum Gesicht | Gesicht kann mit dem Badge kollidieren |
Einen Blickpunkt in fünf Schritten bauen und prüfen
- 01
Motiv wählen
Wähle das eine Gesicht, Objekt oder Ergebnis, das die Geschichte des Videos erzählt.
- 02
Eng zuschneiden
Skaliere, bis es 25–45 % des Bildes abdeckt; bei Gesichtern mindestens 10–15 %.
- 03
Beleuchten und trennen
Mach das Motiv heller als den Hintergrund und füge eine Kante oder ein Streiflicht hinzu.
- 04
Auf ein Drittel setzen
Links oder mittig, ins Bild blickend, weg von der Ecke unten rechts.
- 05
Prüfen
Squint-Test machen, Detail-Heatmap öffnen und die Motivzeile in der Audit-Aufschlüsselung lesen.
Wie ThumbProof Gesichter und Motive erkennt
Manche Browser bieten über die Shape Detection API eine eingebaute Gesichtserkennung. Ist sie verfügbar, nutzt ThumbProof sie lokal, um Gesichter zu zählen und ihren Bildanteil zu messen. Sonst schätzt das Tool das Hauptmotiv über die Kantendichte: Es teilt das Bild in ein 16×9-Raster, sucht die größte zusammenhängende Fläche mit viel Detail und meldet ihren Anteil am Bild.
Beide Methoden laufen vollständig in deinem Browser; kein Bild wird irgendwohin gesendet. Die Schätzung ist eine Orientierung, kein Urteil. Ein unruhiger Hintergrund kann für einen Kantendetektor wie ein großes Motiv aussehen – darum ist die Heatmap-Ansicht nützlich: Sie zeigt genau, wo das Detail liegt.
Wenn es kein Gesicht gibt
Viele starke Thumbnails zeigen gar keine Person: ein fertiges Produkt, ein dramatisches Vorher-Nachher, eine Karte, ein Diagramm mit einer markanten Zahl. Die Regel ist dieselbe – ein Motiv, groß, mit Kontrast –, aber Emotion entsteht dann über Komposition, Farbe und Worte statt über einen Ausdruck. Ein geteiltes Vorher-Nachher wirkt am besten, wenn der Unterschied bei 168×94 in Graustufen sichtbar ist.
Nebenelemente, ohne den Fokus zu verlieren
Ein Blickpunkt heißt nicht ein Element. Die meisten starken Thumbnails haben ein dominantes Motiv plus ein Nebenelement: ein Wort, ein Objekt, einen Pfeil oder ein zweites, kleineres Gesicht. Das Nebenelement sollte deutlich kleiner sein – etwa ein Drittel bis halb so groß wie das Hauptmotiv – und über Blick, Position oder Farbe auf dieses zurückverweisen.
Auch der Hintergrund zählt. Ein unscharfer oder abgedunkelter Hintergrund schiebt das Motiv nach vorn, ein scharfer, detailreicher konkurriert mit ihm. Wenn du selbst drehst, nutze eine offene Blende oder füge Unschärfe in der Bearbeitung hinzu und senke die Hintergrundhelligkeit um 20–40 % gegenüber dem Motiv.
| Element | Relative Größe | Rolle |
|---|---|---|
| Hauptmotiv | 100 % | Hier landet das Auge zuerst |
| Nebenelement | 30–50 % | Ergänzt Kontext oder Wendung |
| Hintergrund | Weich, dunkler | Rahmt, ohne zu konkurrieren |
Konsistenz über eine Serie
Veröffentlichst du eine Serie oder ein festes Format, wiederhole die Komposition: dieselbe Seite für das Gesicht, dieselbe Position für Text, dieselbe Akzentfarbe. Wiederkehrende Zuschauer lernen das Muster und erkennen deine Videos im vollen Feed schneller. Ändere von Video zu Video Ausdruck, Objekt und Wörter, aber behalte das Gerüst.
Vermeide zugleich, immer dieselbe Gesichtsaufnahme zu nutzen. Zeigt jedes Thumbnail denselben überraschten Ausdruck, hören Zuschauer auf, ihn als Signal wahrzunehmen. Nimm bei jedem Dreh mehrere Ausdrücke auf und wähle den, der zur Geschichte des jeweiligen Videos passt.
- Gleiches Layout-Gerüst für eine Serie
- Ausdrücke und Objekte variieren
- Mehrere Optionen pro Video aufnehmen
Rechenbeispiel: Gruppenfoto gegen Nahaufnahme
Ein Vlog-Thumbnail zeigt vier Freunde am Strand, klein im Bild, mit Sonnenuntergang dahinter. Jedes Gesicht deckt etwa 1 % des Bildes ab. Die Heatmap zeigt Detail gleichmäßig über den Horizont verteilt, und die Motivschätzung meldet 68 % – es gibt also keinen einzelnen Blickpunkt.
Die Überarbeitung schneidet auf einen lachenden Freund zu, das Gesicht deckt 18 % ab, links platziert, mit dem Sonnenuntergang als weichem Hintergrund. Die Motivschätzung sinkt auf 31 %, und das Gesicht ist in Seitenleistengröße erkennbar.
| Messwert | Gruppenfoto | Nahaufnahme |
|---|---|---|
| Größtes Gesicht | ca. 1 % des Bildes | 18 % des Bildes |
| Motivschätzung | 68 % (verteilt) | 31 % (klar) |
| Squint-Test | Keine klare Form | Gesicht sticht heraus |
| Lesbar bei 168×94 | Nein | Ja |
Häufige Fehler beim Blickpunkt
Zu kleine Gesichter
Totalen sehen in voller Größe toll aus und sind im Feed nicht erkennbar.
Mehrere gleichwertige Motive
Drei gleich große Gesichter teilen die Aufmerksamkeit. Mach eines dominant.
Text über dem Gesicht
Er verdeckt das am besten lesbare Element. Text daneben setzen.
Gesicht in der Badge-Ecke
Das Dauer-Badge kann Kinn oder Augen verdecken.
Flaches Licht
Ohne Schatten wird das Gesicht in kleiner Größe zur leeren Form.
Unpassende Ausdrücke
Ein schockiertes Gesicht auf einem ruhigen Tutorial weckt falsche Erwartungen.
Video-Thumbnail-Größe, Auflösung, Dateilimits und Safe Zone
Checkliste für Thumbnails mit hoher CTR: 7 visuelle Prinzipien, die auffallen
Titelkürzung je Gerät: Pixelbreiten statt Zeichenzahlen
Thumbnail-Farbe und -Kontrast: Auffallen in dunklen und hellen Feeds
Thumbnail-Text: wie viele Wörter, wie groß und wohin damit