Thumbnail: Unterschied zwischen den Versionen

Version vom 1. April 2021, 13:17 Uhr

Definition

Abbildung: Thumbnail - Autor: Seobility - Lizenz: CC BY-SA 4.0

Ein Thumbnail ist eine verkleinerte Version eines größeren Bildes, die anstelle des Originalbildes angezeigt wird. Der Begriff Thumbnail bedeutet übersetzt “Daumennagel” und verweist auf die geringe Größe des Bildes - ähnlich der Größe eines Daumennagels. Der Begriff Thumbnail wurde ursprünglich verwendet, um physische Bilder oder Zeichnungen mit einer sehr kleinen Größe zu beschreiben. Die Verwendung im spezifischen Kontext von digitalen Bildern, die online als Vorschaubild genutzt werden, ist seit den 1980er Jahren üblich.

Wo werden Thumbnails im Internet eingesetzt?

Suchmaschinen wie Google zeigen Vorschaubilder beispielsweise bei der Bildersuche, um eine Vielzahl von Bildern auf einer Seite bei geringer Ladezeit anzeigen zu können. Suchmaschinennutzer erhalten so einen Überblick über die Suchergebnisse. Nach einem Klick auf ein Thumbnail wird zunächst eine größere Version des Bildes zusammen mit alternativen Bildern und einem Link zur Webseite, auf der das Bild gefunden wurde, angezeigt.

Google nutzt Thumbnails außerdem auf den Ergebnisseiten und im Knowledge Graph:

Screenshot mit Thumbnails im Knowledge Graph von google.com

Auf Websites von Unternehmen werden Thumbnails genutzt, um Online-Galerien beispielsweise mit einem Überblick über das Produktportfolio, Referenzen oder Anwendungsbeispielen zu erstellen. Künstler und Fotografen nutzen Vorschaubilder, um Besuchern online einen Überblick über ihre Arbeiten zu bieten.

In Online-Shops werden Thumbnails an mehreren Stellen eingesetzt. Auf Kategorieseiten bieten sie beispielsweise einen Eindruck von den Produkten in der jeweiligen Kategorie. Auf den Produktseiten werden Vorschaubilder häufig für verschiedene Produktansichten angezeigt. Oft wird auch in der Bestellübersicht ein Thumbnail als Erinnerung neben jedem gekauften Produkt im Warenkorb angezeigt.

Die Video Plattform YouTube nutzt Vorschaubilder für Videos, um Usern eine Vorschau auf den Video Inhalt zu geben. Darüber hinaus werden Thumbnails weiterer, oft thematisch passender Videos in einer Liste neben dem gerade angesehenen YouTube Video angezeigt.

Gründe für die Verwendung von Thumbnails

Die geringen Abmessungen eines Thumbnails ermöglichen die Darstellung vieler Bilder auf einer einzigen Seite, zum Beispiel auf den Kategorieseiten von Onlineshops. Darüber hinaus zeigt ein Vorschaubild den Besuchern einer Webseite anschaulich, was sie beim Klick auf das Bild erwartet. Weiterhin werden Video Thumbnails häufig wie digitale Werbeplakate eingesetzt, um Betrachter dazu zu animieren, sich ein bestimmtes Video anzusehen.

Hinweise für das Erstellen von Thumbnails

Ein Thumbnail kann mit jedem herkömmlichen Bildbearbeitungsprogramm erstellt werden. Die meisten Content Management Systeme wie WordPress erstellen Thumbnails jedoch automatisch für alle Bilder, die auf die Plattform hochgeladen werden.

Je nach Format des Thumbnails und Inhalt des Originalbildes kann es sinnvoll sein, lediglich einen Bildausschnitt der Originalbildes als Thumbnail zu wählen. Wird beispielsweise ein Originalbild in einem rechteckigen Standardformat in ein quadratisches Vorschaubild umgewandelt, führt dies zu einer unschönen Verzerrung des Bildes. Nimmt das wichtigste Element des Originalbildes nur einen kleinen Teil ein, empfiehlt es sich daher, diesen Teil als Ausschnitt anstelle des gesamten Bildes für das Vorschaubild zu nutzen.

Bei Vorschaubildern für Fotos wird, anders als bei einem größeren Thumbnail für ein Video, meist kein Text hinzugefügt, da dieser auf den kleinen Bildern nur schwer zu lesen ist. Ein Logo sollte, wenn genügend Platz vorhanden ist, jedoch hinzugefügt werden. Ein Logo im Thumbnail erhöht den Wiedererkennungswert und ermöglicht dem Betrachter die Zuordnung des Thumbnails zu einem bestimmten Unternehmen oder einer Marke. Wichtig ist außerdem, nach dem Erstellen des Thumbnails dessen Darstellung auf Bildschirmen unterschiedlicher Größe und mit unterschiedlichen Auflösungen zu testen.

Bedeutung von Thumbnails für die Suchmaschinenoptimierung

Ein Vorschaubild bietet gegenüber einem Bild in Originalgröße den Vorteil einer wesentlich geringeren Dateigröße. Aufgrund der geringeren Dateigröße werden Thumbnails schneller geladen und benötigen eine geringere Bandbreite. Aus den kurzen Ladezeiten resultieren niedrigere Absprungraten insbesondere bei mobilen Internetnutzern. Da die Absprungrate ein wichtiger Rankingfaktor für Google ist, kann sich dies wiederum positiv auf das Ranking einer Seite auswirken.

Weiterhin nutzt die Bildersuchmaschine Google Image Search Thumbnails in den Suchergebnissen. Ein hier angezeigtes und gut gemachtes Vorschaubild kann die Klickrate innerhalb der Bildersuche verbessern und damit den Traffic auf einer Webseite erhöhen.

Insbesondere bei Online-Shops, aber auch auf allen anderen Webseiten, können Vorschaubilder zudem dabei helfen, den Inhalt zu strukturieren, umfangreiche Informationen bei geringem Platzbedarf visuell darzustellen und Besucher zum Klicken zu animieren. Thumbnails können dadurch helfen, die Verweildauer der Besucher auf einer Seite zu erhöhen. Die Verweildauer ist für Google ebenfalls ein wichtiger Indikator für die Relevanz einer Webseite und damit auch Rankingfaktor.

Rechtslage bei der Verwendung von Thumbnails

Wie für die Originalbilder gilt das Urheberrecht auch für ein daraus abgeleitetes Vorschaubild. Für die Nutzung fremder Bilder im Internet gibt es einschlägige Rechtsvorschriften, die beachtet werden sollten, um Probleme zu vermeiden. In der Regel muss der Urheber des Bildes genannt werden. Beispielsweise in der Nähe des Bildes oder in einem separaten Bildnachweis. Bilder, die für eine private oder kommerzielle Nutzung - gegen eine Lizenzgebühr oder kostenlos - vom Urheber freigegeben wurden, dürfen allerdings oftmals nicht bearbeitet werden. Für Bilder, die vom Urheber nicht freigegeben wurden, muss immer die Erlaubnis für die Nutzung und somit auch für das Erstellen eines Thumbnails eingeholt werden.

Weiterführende Links

• https://blog.mynd.com/de/5-schritte-perfekte-thumbnail
• https://www.medienrecht-urheberrecht.de/fotorecht-bildrecht/172-urheberrechtsverletzung-thumbnail-foto

Ähnliche Artikel

• Bilder SEO
• Image Map