Thumbnail

Was ist ein Thumbnail?

Ein Thumbnail ist eine verkleinerte Vorschau eines Bildes, Videos oder Dokuments. Es vermittelt den Inhalt auf begrenzter Fläche und unterstützt Nutzer bei der Auswahl. Thumbnails erscheinen unter anderem in Suchergebnissen, Videoplattformen, sozialen Netzwerken, Onlineshops und Mediatheken. Gestaltung, Format und Motiv können die Klickrate beeinflussen.

Ein Thumbnail (deutsch: Vorschaubild) fasst einen visuellen Inhalt so zusammen, dass Nutzer dessen Thema bereits vor dem Öffnen erkennen. Der englische Begriff bedeutet wörtlich Daumennagel und verweist auf die ursprünglich sehr kleine Darstellung. Heute kann ein Thumbnail je nach Plattform mehrere Hundert Pixel breit sein.

Wie funktioniert ein Thumbnail?

Ein Thumbnail kann automatisch aus einer Originaldatei erzeugt oder als eigenständige Grafik gestaltet werden. Bei der automatischen Erzeugung verkleinert ein System das Ausgangsbild oder wählt ein Einzelbild aus einem Video. Ein individuell erstelltes Thumbnail kombiniert häufig ein Motiv mit Text, Kontrasten und wiederkehrenden Markenelementen.

Die Darstellung richtet sich nach dem vorgesehenen Seitenverhältnis. Bei einem Verhältnis von 16:9 ist die Breite 16 Einheiten und die Höhe 9 Einheiten groß. Bildgrößen wie 1.280 × 720 Pixel, 1.200 × 675 Pixel und 800 × 450 Pixel besitzen deshalb dasselbe Verhältnis und lassen sich ohne seitlichen Beschnitt ineinander skalieren.

Für die Berechnung eines 16:9-Thumbnails teilst du die Breite durch 16 und multiplizierst das Ergebnis mit 9. Bei 1.280 Pixeln Breite ergibt die Rechnung 1.280 ÷ 16 × 9 eine Höhe von 720 Pixeln. Prüfe das Seitenverhältnis vor dem Export, damit Plattformen keine wichtigen Bildelemente abschneiden.

Welche Arten von Thumbnails gibt es?

Die Funktion eines Thumbnails hängt vom Einsatzort ab. Ein Video-Thumbnail soll das Thema und den Anlass zum Abspielen vermitteln. Ein Produkt-Thumbnail muss das Produkt eindeutig zeigen. In einer Bildergalerie unterstützt die kleine Darstellung dagegen vor allem die Navigation zwischen mehreren Dateien.

Video-Thumbnail: Standbild oder gestaltete Titelgrafik für ein Video.
Bild-Thumbnail: Verkleinerte Version einer Grafik oder Fotografie.
Produkt-Thumbnail: Kompakte Produktansicht in Kategorien, Suchergebnissen und Empfehlungen.
Dokument-Thumbnail: Vorschau der ersten Seite oder eines Dateiinhalts.
Social-Media-Thumbnail: Bildvorschau eines geteilten Links oder Beitrags.

Bei Webseiten wird die Vorschau für geteilte Links häufig über das Open-Graph-Bild festgelegt. Das Open-Graph-Bild ist jedoch nicht mit jedem Thumbnail identisch. Ein Thumbnail bezeichnet allgemein die sichtbare Miniaturansicht, während das Open-Graph-Bild eine hinterlegte Bildquelle für soziale Netzwerke und andere Dienste ist.

Thumbnail und SEO

Ein Thumbnail ist für Google kein allgemeiner direkter Rankingfaktor. Die Gestaltung kann jedoch beeinflussen, ob Nutzer ein Video-, Bild- oder Produktergebnis wahrnehmen und anklicken. Ein passendes Thumbnail unterstützt damit die Klickrate, ersetzt aber weder relevante Inhalte noch saubere Technik oder eine fundierte Content-Marketing-Strategie.

Google entscheidet bei vielen organischen Suchergebnissen selbst, ob und welches Bild als Vorschau erscheint. Ein eingebundenes Bild garantiert deshalb kein bestimmtes Thumbnail in der SERP. Eindeutige Bildinhalte, ein beschreibender Dateiname, ein sinnvoller Alt-Text und ein thematisch passender Seitenkontext erleichtern Suchmaschinen die Zuordnung. Eine umfassende Onpage-Optimierung berücksichtigt diese Signale gemeinsam.

Messbar ist die Wirkung eines Thumbnails über die Klickrate: Klicks geteilt durch Impressionen, multipliziert mit 100. Erhält eine Vorschau bei 10.000 Einblendungen 600 Klicks, beträgt die Klickrate 6 Prozent. Der Wert belegt allein noch keine gute Gestaltung, weil Position, Thema, Zielgruppe und Titel ebenfalls auf die Klickentscheidung einwirken. Vergleiche deshalb Varianten unter möglichst ähnlichen Bedingungen.

Thumbnail in SEA und GEO

In SEA-Kampagnen kann ein Thumbnail als Bestandteil von Video-, Display- oder Social-Media-Anzeigen auftreten. Das Motiv beeinflusst die erste Wahrnehmung, während Anzeigentext, Ausspielungsumfeld und Zielgruppenauswahl den Kontext bestimmen. Bei Google Ads sollte die Bewertung deshalb auf der gesamten Kombination aus Creative, Klickrate, Kosten und Conversions beruhen.

Für GEO, ausgeschrieben Generative Engine Optimization, ist ein Thumbnail allein kein belastbarer Hebel für Empfehlungen in KI-Antworten. KI-Systeme benötigen einen verständlichen Seitenkontext, eindeutige Entitäten und zugängliche Informationen. Ein Bild mit beschreibendem Alt-Text und passendem Begleittext ist für die maschinelle Einordnung wertvoller als eine rein dekorative Vorschau ohne erklärenden Kontext.

So gestaltest du gute Thumbnails

Ein gutes Thumbnail muss auch in verkleinerter Darstellung verständlich bleiben. Kleine Schrift, detailreiche Hintergründe und mehrere gleich starke Blickpunkte verlieren auf Smartphones schnell ihre Wirkung. Reduziere das Motiv auf eine Hauptaussage und kontrolliere die Grafik in der tatsächlichen Anzeigegröße statt nur in der großen Bearbeitungsansicht.

Wähle ein Motiv, das den tatsächlichen Inhalt eindeutig repräsentiert.
Platziere wichtige Elemente mit Abstand zu den Bildrändern.
Nutze gut lesbare Kontraste zwischen Motiv, Hintergrund und Schrift.
Beschränke eingeblendeten Text auf wenige verständliche Wörter.
Komprimiere die Datei, ohne sichtbare Artefakte zu erzeugen.
Teste Varianten anhand von Klicks und nachgelagerten Conversions.

Ein hoher Kontrast kann Aufmerksamkeit erzeugen, doch ein Thumbnail muss die Erwartung nach dem Klick erfüllen. Verspricht die Vorschau einen anderen Inhalt als die Zielseite oder das Video, kann zwar die Klickrate steigen, zugleich können Wiedergabedauer, Interaktionen oder Conversions sinken. Bewerte deshalb nicht nur den Klick, sondern auch das Verhalten nach dem Öffnen. Die Optimierung der Nutzererfahrung verbindet beide Perspektiven.

Thumbnail und verwandte Begriffe

Begriff	Funktion	Unterschied zum Thumbnail
Hero Image	Großes Leitbild im sichtbaren Seitenbereich	Ein Hero Image führt in eine Seite ein, ein Thumbnail dient primär als kompakte Auswahlvorschau.
Favicon	Kleines Website-Symbol im Browser oder Suchergebnis	Ein Favicon kennzeichnet eine Domain und bildet normalerweise keinen konkreten Inhalt ab.
Snippet	Darstellung eines Suchergebnisses	Ein Snippet kann ein Thumbnail enthalten, besteht aber zusätzlich aus Elementen wie Titel und Beschreibung.
Standbild	Einzelnes Bild aus einem Video	Ein Standbild wird erst durch seine Verwendung als Vorschau zum Thumbnail.

Häufige Fragen zu Thumbnails

Welche Größe sollte ein Thumbnail haben?

Die passende Größe richtet sich nach der Plattform. Wichtiger als eine pauschale Pixelzahl ist das vorgeschriebene Seitenverhältnis. Für ein Verhältnis von 16:9 eignen sich zum Beispiel 1.280 × 720 Pixel, sofern die jeweilige Plattform dieses Format akzeptiert.

Welches Dateiformat eignet sich für Thumbnails?

JPG eignet sich meist für Fotografien, während PNG bei Grafiken, Logos und klaren Textkanten Vorteile bietet. WebP kann bei Webseiten eine kleinere Datei bei vergleichbarer Bildqualität ermöglichen. Die Plattform muss das gewählte Format unterstützen.

Beeinflusst ein Thumbnail das Google-Ranking?

Ein Thumbnail ist kein allgemeiner direkter Rankingfaktor. Eine verständliche Vorschau kann jedoch die Wahrnehmung und Klickrate eines sichtbaren Ergebnisses beeinflussen. Für die Einordnung des Bildes bleiben Seiteninhalt, Alt-Text, Dateiname und technischer Zugriff relevant.

Warum zeigt Google ein anderes Vorschaubild an?

Google wählt Bilder in vielen Suchdarstellungen algorithmisch aus und kann eine andere Datei als die vom Seitenbetreiber bevorzugte Grafik verwenden. Prüfe, ob das gewünschte Bild crawlbar, hochwertig eingebunden und eindeutig mit dem Seiteninhalt verbunden ist.

Kann ein Thumbnail automatisch erstellt werden?

Viele Content-Management-Systeme, Shops und Videoplattformen erzeugen Thumbnails automatisch aus der Originaldatei. Automatische Ausschnitte können jedoch zentrale Motive oder Texte abschneiden. Kontrolliere deshalb die erzeugte Vorschau in verschiedenen Anzeigegrößen.

Wie lässt sich die Wirkung eines Thumbnails testen?

Vergleiche zwei Varianten unter möglichst ähnlichen Bedingungen und miss Impressionen, Klickrate sowie das Verhalten nach dem Klick. Ändere pro Test möglichst nur das Thumbnail, damit der Einfluss von Titel, Position oder Zielgruppe die Auswertung nicht verfälscht.