Der erste Eindruck ist wichtig. Nicht nur beim Bewerber in einem Vorstellungsgespräch, auch bei einem Produkt, das zum Verkauf steht. Spricht uns die Verpackung optisch an, tendieren wir eher zum Kauf. Das kann durch ein ökologisch gewähltes Material geschehen, durch einen auffallenden Schriftzug oder ein ansprechendes Bild. Für Letzteres kommen bei der Produktauswahl im Internet oft Thumbnails zum Einsatz.

Inhaltsverzeichnis

Thumbnail ‒ Klein aber Oho

Bei Thumbnails handelt es sich um kleine Vorschaubilder. Sie stellen einen wichtigen Aspekt im Marketing für Ihr Unternehmen dar: Ein interessant gestaltetes Thumbnail weckt die Aufmerksamkeit des Betrachters und bewegt diesen auf das Verkaufsprodukt zu klicken.

Wir erläutern Ihnen in diesem Artikel, was es mit der Kraft der kleinen Bilder auf sich hat. Welchen Zweck haben sie und in welchen Bereichen kommen sie zum Einsatz? Außerdem geben wir Ihnen Tipps, wie Sie ein wirkungsvolles Thumbnail designen können. Dabei können Sie entscheiden, ob Sie Ihre eigene Kreativität nutzen oder die Erstellung lieber in die Hände von professionellen Designern geben möchten.

sommersommer
SOMMER+SOMMER
Stuttgart, Germany
4.9 - 5 Empfehlungen
Media & WerbungOnline Advertising & DisplaySocial MediaCreative & DesignBrandingMarketing
Agentur entdeckenarrow_forward
beyond-digital
Beyond Digital
Düsseldorf, Germany
5 - 2 Empfehlungen
Content MarketingWebdesignCreative & DesignBrandingMarketing
Agentur entdeckenarrow_forward
yaaas-creative-studio
YAAAS Creative Studio
Düsseldorf, Germany
4.9 - 5 Empfehlungen
Tools zur WebsiteerstellungWebentwicklungSocial MediaWebdesignWeb & SoftwareCreative & DesignMarketing
Agentur entdeckenarrow_forward
klareko%cc%88pfe-gmbh
KLAREKÖPFE GmbH
Stuttgart, Germany
4.9 - 4 Empfehlungen
Social MediaWebdesignCreative & DesignBrandingMarketing
Agentur entdeckenarrow_forward
neckarfreunde-werbeagentur-gmbh
Neckarfreunde Werbeagentur GmbH
Stuttgart - München, Germany
5 - 1 Empfehlung
Digitale StrategieCreative & DesignBrandingMarketing
Agentur entdeckenarrow_forward
upljft-gmbh
upljft GmbH
Hamburg, Germany
4.8 - 7 Empfehlungen
Marketing AutomationOnline Advertising & DisplayDigitale StrategieSocial MediaCreative & DesignSales & Customer SuccessBrandingMarketing
Agentur entdeckenarrow_forward
unicblue-brand-communication-gmbh
UNICBLUE Brand Communication GmbH
Gelsenkirchen, Germany
3.75 - 1 Empfehlung
WebentwicklungEvent-MarketingGrafikdesignWebdesignBranding
Agentur entdeckenarrow_forward
dr-maximilian-flu%cc%88gge-strategie-kommunikation
Dr. Maximilian Flügge Strategie & Kommunikation
Berlin, Germany
5 - 5 Empfehlungen
Content MarketingCreative & DesignPublic RelationsBrandingMarketing
Agentur entdeckenarrow_forward
echte-liebe
Echte Liebe
Köln, Wiesbaden, Berlin, Miami, Germany, USA
4.5 - 2 Empfehlungen
Media & WerbungOnline Advertising & DisplayWebentwicklungSocial MediaWeb & SoftwareCreative & DesignBrandingMarketing
Agentur entdeckenarrow_forward
werbetriebwerk-ug
WerbeTriebwerk UG
Münster, Germany
4.5 - 10 Empfehlungen
WebentwicklungE-Commerce-SoftwareSocial MediaGrafikdesignWeb & SoftwareCreative & DesignMarketing
Agentur entdeckenarrow_forward
ligalux
LIGALUX
München - Hamburg - Berlin - Köln, Germany
5 - 3 Empfehlungen
GrafikdesignWebdesignBrandingMarketing
Agentur entdeckenarrow_forward
adrenalinsky-werbeagentur-gmbh
ADRENALINSKY Werbeagentur GmbH
Berlin, Köln, Germany
5 - 3 Empfehlungen
WebentwicklungEvent-MarketingSocial MediaGrafikdesignWeb & SoftwareCreative & DesignBrandingMarketing
Agentur entdeckenarrow_forward
whos-mark
Who’s Mark?
München, Germany
4.5 - 1 Empfehlung
WebentwicklungGrafikdesignMarketing
Agentur entdeckenarrow_forward
sapera-making-complexity-work
Sapera. Making complexity work.
Berlin, Germany
4.5 - 3 Empfehlungen
Digitale StrategieGrafikdesignWeb & SoftwareBrandingMarketing
Agentur entdeckenarrow_forward
thefabers
THEFABERS
Köln, Germany
5 - 2 Empfehlungen
WebentwicklungE-Commerce-SoftwareGrafikdesignWebdesignBranding
Agentur entdeckenarrow_forward
incorporate-berlin
incorporate berlin
Berlin, Hamburg, Germany
4.5 - 5 Empfehlungen
GrafikdesignWebdesignWeb & SoftwarePublic RelationsBranding
Agentur entdeckenarrow_forward
serviceplan-group
Serviceplan Group
München, Berlin, Bremen, Hamburg, Germany
0 - 0 Empfehlung
Media & WerbungWebentwicklungE-Commerce-SoftwareDigitale StrategieGrafikdesignWebdesignWeb & SoftwarePublic RelationsBrandingMarketing
Agentur entdeckenarrow_forward
farbenkollektiv
farbenkollektiv
Cologne, Germany
5 - 1 Empfehlung
Social MediaGrafikdesignBrandingMarketing
Agentur entdeckenarrow_forward
marken-house
Marken House
Hamburg, Germany
5/5 - 0 Empfehlung
Grafikdesign
Agentur entdeckenarrow_forward
screenshot-2020-07-16-at-12-42-58
BRANDSHAPE
Hamburg, Germany
5 - 7 Empfehlungen
Grafikdesign
Agentur entdeckenarrow_forward
screenshot-2020-07-16-at-15-06-25
Sixrooms
Munich, Germany
5 - 1 Empfehlung
SEOSocial MediaGrafikdesign
Agentur entdeckenarrow_forward
bildschirmfoto-2020-10-14-um-16-23-57
Truffle Bay
Munich, Germany
4.5 - 11 Empfehlungen
GrafikdesignPublic Relations
Agentur entdeckenarrow_forward
screenshot-2020-07-16-at-12-28-37-2
alvonsbranding
Hamburg, Germany
0 - 0 Empfehlung
Social MediaGrafikdesign
Agentur entdeckenarrow_forward
Us Berlin
Berlin, Germany
5 - 3 Empfehlungen
Grafikdesign
Agentur entdeckenarrow_forward
zipper-studios
Zipper Studios
Eurasburg, Germany
5 - 10 Empfehlungen
E-Commerce-SoftwareGrafikdesign
Agentur entdeckenarrow_forward
branding-bar
Branding Bar
Bonn, Germany
4.5 - 6 Empfehlungen
Digitale StrategieGrafikdesign
Agentur entdeckenarrow_forward
BRASA media
Neustadt, Deutschland
5 - 11 Empfehlungen
Grafikdesign
Agentur entdeckenarrow_forward
bildschirmfoto-2020-10-14-um-10-55-21
Sherpa Design GmbH
Hamburg, Germany
5 - 7 Empfehlungen
GrafikdesignMarketing
Agentur entdeckenarrow_forward
no-service-247
No Service 24/7
Berlin, Germany
5 - 3 Empfehlungen
Content MarketingGrafikdesign
Agentur entdeckenarrow_forward
chaerry-digitalagentur
chaerry Digitalagentur
Cologne, Germany
4.5 - 4 Empfehlungen
Online Advertising & DisplayE-Commerce-SoftwareGrafikdesign
Agentur entdeckenarrow_forward
peter-paul-and-mary-werbeagentur-gmbh
PETER PAUL AND MARY Werbeagentur GmbH
Berlin, Germany
0 - 0 Empfehlung
Social MediaGrafikdesign
Agentur entdeckenarrow_forward
mischen-2
mischen
Berlin, Germany
0 - 0 Empfehlung
Grafikdesign
Agentur entdeckenarrow_forward
moby-digg
Moby Digg
Munich, Germany
5 - 1 Empfehlung
GrafikdesignBranding
Agentur entdeckenarrow_forward
startling-brands
Startling Brands
Berlin, Germany
0 - 0 Empfehlung
Content MarketingGrafikdesignBranding
Agentur entdeckenarrow_forward
motor
MOTOR Kommunikation GmbH
Berlin, Germany
0 - 0 Empfehlung
GrafikdesignBrandingMarketing
Agentur entdeckenarrow_forward
lawi
lawinenstift GmbH
Berlin, Germany
5 - 3 Empfehlungen
GrafikdesignMarketing
Agentur entdeckenarrow_forward
screenshot-2020-08-25-at-15-43-16
BALLEYWASL
München , Germany
0 - 0 Empfehlung
Digitale StrategieGrafikdesignBrandingMarketing
Agentur entdeckenarrow_forward
screenshot-2020-08-26-at-14-14-37
Integr8 media GmbH
Berlin, Germany
0 - 0 Empfehlung
Online Advertising & DisplayWebentwicklungGrafikdesignBrandingMarketing
Agentur entdeckenarrow_forward
screenshot-2020-08-26-at-14-43-49
pixelschupser GmbH
Neustadt an der Weinstraße, Germany
0 - 0 Empfehlung
Grafikdesign
Agentur entdeckenarrow_forward
screenshot-2020-08-26-at-14-46-31
OPUS Marketing GmbH
Bayreuth, Germany
0 - 0 Empfehlung
Digitale StrategieGrafikdesignBranding
Agentur entdeckenarrow_forward
screenshot-2020-08-26-at-14-50-36
CRU Brand Consultancy
Berlin, Germany
0 - 0 Empfehlung
WebentwicklungGrafikdesignBranding
Agentur entdeckenarrow_forward
screenshot-2020-08-26-at-14-54-36
FORMM.agency
Berlin, Germany
4.5 - 9 Empfehlungen
WebentwicklungGrafikdesignBranding
Agentur entdeckenarrow_forward

Definition Thumbnail

Der Begriff Thumbnail kommt aus dem englischen und bedeutet übersetzt nichts anderes als Daumennagel. Gewählt wurde die Formulierung, da die Vorschaubilder oft in der Größe eines Daumennagels verwendet werden. In der geringeren Dateigröße fungieren sie als Platzhalter des Originals.

Ein häufiges Maß bei der Verwendung von Thumbnails ist ein Quadrat mit 150 x 150 Pixeln. Größe und Format unterscheiden sich je nach Anwendungsbereich. Möchten Sie zum Beispiel für die Google Bildersuche ein Vorschaubild erstellen, ist eine Pixelgröße von 177 empfehlenswert. Die dortigen Miniaturbilder unterscheiden sich jedoch in ihrer Größe, sodass es Ihnen freisteht, kleinere Formate zu wählen.

Video Thumbnails

Neben den klassischen Thumbnails gibt es außerdem Video Thumbnails. Dabei handelt es sich ebenfalls um ein Miniaturbild, welches per Schnappschuss aus einem Video festgehalten wurde.

Ein bekanntes Beispiel dafür stellt das amerikanische Unternehmen YouTube dar. Die Video Plattform verwendet für seine Thumbnails auf der Startseite eine Größe von 210 x 118 Pixel, was dem üblichen 16:9 Format entspricht. Wird ein Video abgespielt, verfügen die an der rechten Seite angezeigten Vorschaubilder über 168 x 94 Pixel.

 

Thumbnail YouTube
Quelle: Pexels

Einsatzgebiete von Thumbnails

Die Verwendung von Thumbnails ist im Netz weit verbreitet. Ob bei YouTube, der Google Bildersuche oder beim Online Shopping ‒ die kleinen Vorschaubilder werden Ihnen überall begegnen. Wir nehmen die genannten Beispiele, um die Verwendung von Thumbnails zu veranschaulichen:

Google Bildersuche

Würde Google bei der Bildersuche ausschließlich Bilder in Originalgröße anzeigen, würden dem Betrachter nur wenige Inhalte auf dem Bildschirm angezeigt werden. Außerdem würde sich die Ladezeit enorm verlängern. Stattdessen werden Vorschaubilder angezeigt. Mit einem Klick darauf werden weitere Informationen angezeigt. Zum Beispiel kann der Nutzer von dort aus direkt auf die Website gelangen, auf der sich das Bild in Originalgröße befindet.

Online Shopping

Genau wie Google nutzen die meisten Onlineshops Thumbnails, um mehrere Produkte per Seite anzeigen zu können ohne das die Ladegeschwindigkeit gehemmt wird. Auf den Vorschaubildern ist das beworbene Produkt gut zu erkennen. Durch einen Klick auf den Thumbnail findet eine Weiterleitung zum Originalbild mit Informationen zum Verkaufsobjekt statt.

Im Bereich des Online Shoppings werden Thumbnails außerdem bei der Auswahl der Kategorien verwendet. Sneakers, High Heels, Pumps und Halbschuhe werden durch Miniaturbilder veranschaulicht.

YouTube

Falls Sie schon einmal selbst ein Video bei YouTube hochgeladen haben, werden Sie vielleicht festgestellt haben, dass automatisch ein Thumbnail erstellt wird. Dabei wird ein Frame aus den ersten Sekunden des Videos gewählt.

Da der automatisierte Schnappschuss zufällig ausgewählt wird, kann dieser sehr ungünstig getroffen sein. Es ist daher ratsam, das Vorschaubild zu überprüfen und mit Bedacht auszuwählen. Ein Video Thumbnail soll die Aufmerksamkeit des Betrachters auf sich ziehen und zu einem Klick motivieren. Schließlich ist die Klickrate auf der Video Plattform sehr entscheidend.

Der Thumbnail bei YouTube Videos gleicht dem Umschlag eines Buches. Er ist das Aushängeschild der Arbeit und hat eine werbende Funktion. Ein Buch mit einem interessant gestalteten Cover regt zum Kauf an. Gleiches gilt für das Video: Hebt sich das Vorschaubild von der Konkurrenz ab, wird die Klickrate höher ausfallen. Zusätzlich zum Bild können eingängige Schriftzüge verwendet werden.

Möchten Sie ein Video hochladen, ein Produkt bewerben oder die Google Image Suche verwenden, doch wissen nicht genau wie? Wir geben Ihnen im weiteren Verlauf des Artikels einige Tipps zur richtigen Verwendung und Gestaltung. Möchten Sie Ihr Marketing von erfahrenen Designern betreut wissen, können Sie Kontakt zu professionellen Agenturen aufnehmen.

Vorteile von Thumbnails

Im vorherigen Abschnitt werden Ihnen bereits ein paar Vorteile aufgefallen sein, die die Verwendung von Thumbnails mit sich bringen. Wir zeigen Ihnen die Hauptgründe, warum Thumbnails so hohe Popularität genießen.

Übersichtlichkeit

Durch die kleinen Bilder können viele Informationen auf einer Website zusammengetragen werden, ohne dass diese unübersichtlich wirkt. Endloses Durchscrollen ist nicht notwendig. Besonders angenehm ist es für Nutzer eines mobilen Gerätes wie Smartphone oder Tablet. Bei einem kleinen Bildschirm ist es umso wichtiger, die Inhalte geordnet und überschaubar zu präsentieren.

 

Thumbnail auf dem Smartphone
Quelle: Pexels

Geringe Ladezeit

Die Dateigröße eines Thumbnails beträgt lediglich einen Bruchteil des Originalbildes. Eine Website mit Dutzenden Vorschaubildern ist selbst bei langsamer Internetverbindung schnell geladen. Anders sieht das bei hochauflösenden Grafiken aus. Falls nicht gerade ein Glasfaseranschluss vorliegt, kann es einige Zeit dauern, bis sich alle Bilder für den Nutzer zu erkennen geben. Lange Ladezeiten können der Grund sein, dass die Leser die Website frühzeitig wieder verlassen werden.

Höhere Klickrate

Durch die Vorschaubilder wird der Nutzer angehalten, in Interaktion zu treten. Sind die Thumbnails ansprechend gestaltet, wird Neugierde auf mehr Informationen geweckt. Viele Klicks auf das Produkt sind die Folge.

Hinweise zur Erstellung eines Thumbnails

Ein Thumbnail sollte in erster Linie Aufmerksamkeit beim Betrachter erzielen. Ist das Miniaturbild interessant gestaltet, ist es wahrscheinlicher, dass ein Klick darauf getätigt wird. Dabei ist es egal, ob es sich um einen Video Thumbnail auf YouTube handelt oder um eine Vorschau zu einem Verkaufsprodukt. Das Ziel ist das gleiche: Der Nutzer sollte seinen Weg zu den Bildern in Originalgröße finden.

Für die Darstellung eines wirkungsvollen Thumbnails gehört einiges dazu. Schnell sind die Vorschaubilder durchgescrollt, ohne eine Wirkung beim Leser hinterlassen zu haben. Kein Klick. Kein bleibender Eindruck. Der Thumbnail muss ins Auge springen, muss Lust auf mehr machen. Doch wie gelingt dies am besten? Wir haben ein paar Hinweise zusammengetragen, die Sie bei der Erstellung eines Thumbnails beachten sollten. Möchten Sie dies nicht selber in die Hand nehmen, können Sie erfahrene Werbespezialisten beauftragen, die Ihnen Erfolg beim Marketing garantieren.

Farbwahl

Farben sind ein wichtiges Medium, wenn es um die Gestaltung des Thumbnails geht. Mit aussagekräftigen Farben können Sie die Blicke des Nutzers auf das Vorschaubild lenken. Doch Vorsicht: Es geht nicht darum, möglichst knallige Farben zu wählen, sondern ein harmonisches Zusammenspiel der Töne zu erzeugen. Richtig genutzt können Sie sogar mit Schwarz-Weiß ein Augenmerk setzen.

Persönlichkeit

Die Nutzung von Gesichtern auf dem Thumbnail hat eine persönliche Note, die eine Verbindung zum Betrachter herstellen kann. Ausdrucksstarke Gesichtszüge wecken Interesse beim Zuschauer.

Spannung

Wer mag schon Langeweile? Spannung muss her, um den Zuschauer auf den Thumbnail zu fokussieren. Lassen Sie Ihrer Kreativität freien Lauf. Actions-Shots sind ein Beispiel dafür, wie Spannung erzeugt werden kann. Doch auch verschwommene Umrisse, Silhouetten und Schattenbilder können das Interesse beim Betrachter entfachen.

Bild und Sprache

„Ein Bild sagt mehr als tausend Worte“. Dieses Sprichwort enthüllt die volle Wahrheit, wenn es sich um Thumbnails handelt. Gerade weil das Bild teilweise nur so groß wie ein Daumennagel ist, muss es durch die Darstellung überzeugen. Dennoch kann es manchmal sinnvoll sein, Texte zu den Bildern hinzuzufügen. Vor allem bei Videos auf YouTube bietet es sich an, davon Gebrauch zu machen, da die Kurzfilme sehr viele Informationen enthalten.

Wiedererkennungswert

Möchten Sie Thumbnails u.a. für Marketingzwecke Ihres Unternehmens verwenden, ist es unumgänglich, diesen einen Wiedererkennungswert zu geben. Das kann durch das Firmenlogo oder eine andere Art von Branding geschehen.

Inhaltsbezogen

Selbstverständlich sollte der Thumbnail in Bezug zum eigentlichen Inhalt stehen. Als Vorschaubild eines Produktes geschieht dies automatisch. Bei Videos muss jedoch darauf geachtet werden, dass das Bild gut zum Inhalt passt. Diese fungieren ähnlich wie Kinoplakate. Sie dürfen nicht zu viel verraten, sollten bei dem Betrachter jedoch Interesse auf mehr wecken.

Thumbnail ‒ Rechtslage

Bei der Nutzung von Thumbnails ist das Urheberrechtsgesetz zu beachten. Selbst bei den kleinen, verpixelten Abbildungen dürfen Sie nicht einfach irgendein Bild aus dem Internet verwenden. Bei geschützten Fotos dürfen Sie dieses nur für einen Thumbnail verwenden, wenn der Urheber seine Erlaubnis dafür erteilt.

Eine andere Möglichkeit ist es, Fotos zu verwenden, bei denen angegeben ist, dass es sich um Material mit freier Lizenz handelt. Diese dürfen Sie ohne die Einholung von Genehmigungen nutzen. Nachteilig hierbei ist, dass lizenzfreien Bilder wenig Wiedererkennungswert haben werden. Sie stehen jedem Nutzer frei zur Verfügung und sind daher möglicherweise für mehrere Marketingzwecke genutzt wurden.

Für maximale Individualität empfiehlt sich die eigene Gestaltung eines Bildes. Fachkräfte im Themenbereich Marketing und Design werden Ihnen bei der Darstellung des Thumbnails eine große Hilfe sein.

Fazit

Thumbnails sind überall im Internet zu finden. Ob auf Social Media, YouTube, Pinterest oder Shopping-Seiten ‒ es gibt eine Vielzahl an Orten, wo die kleinen Bilder genutzt werden. Die Frage nach dem Warum haben wir ausführlich beantwortet. Viele Vorteile bringt ein Thumbnail mit sich.

Möchten auch Sie die kleinen Bilder für Ihr Marketing verwenden? Wir haben Ihnen einige Hinweise für die Erstellung mit auf den Weg gegeben. Viel Erfolg bei der Umsetzung.