Thumbnail

Alle Lexikon

Thumbnail

Das Wort Thumbnail stammt aus dem Englischen und bezeichnet im IT-Bereich eine Art Vorschaubild, Bildervorschau oder auch Miniaturbild

Verwendung von Thumbnails

Ein Thumbnail bietet die Möglichkeit, viele kleine Bilder auf einer einzigen Webseite darzustellen. Für den Besucher der Webseite ergibt sich damit eine bessere Übersichtlichkeit. Darüber hinaus hat er die Möglichkeit, ein bestimmtes Bild anzuklicken. Durch das Anklicken des Miniaturbildes erscheint es möglicherweise in einem größeren Format oder es wird ein neues Programm gestartet.

Erstellung von Thumbnails mit PHP

Die Erstellung von Miniaturbildern ist beispielsweise mit der Skriptsprache PHP über die GD Bibliothek möglich. In dieser Bibliothek können Bilder erstellt, bearbeitet und gespeichert werden. Bevor das Thumbnail erstellt wird, werden Angaben zum Namen des Originalbildes oder der Bilddatei gemacht. Danach werden Höhe und Breite des Miniaturbildes festgelegt. Zusätzlich muss festgellt werden, ob es sich um eine GIF-, JPG- oder PNG-Grafikdatei handelt. Das Originalbild wird dann mit der Funktion „ImageCreateFormGIF/JPG/PNG(…)“ eingelesen. Mit der Funktion „ImageCopyResized()“ wird das neue Bild erzeugt. Die Funktion benötigt dabei jedoch nicht den Dateinamen des Originalbildes oder der Zieldatei, sondern nur den Identifier dieser Datei. Die Identifier werden dabei durch die Funktionen „ImageCreateForm…(…)“ für das Original und „ImageCreate()“ für die Zieldatei erzeugt. Der Identifier, die Startposition (0,0) und die Formate des Bildes werden an „ImageCopyResized(…)“ übergeben. Daraus folgt das Ergebnis, welches mit „Image…(…)“ in die Datei eingetragen wird. Es ist empfehlenswerte die verkleinerte Datei mit TN (für Thumbnail) zu kennzeichnen, damit eine Überschreibung der Originaldatei vermieden wird.

Optimierung der Webseite mit Thumbnails

Ein Miniaturbild kann besonders wichtig für Online-Shops sein, da durch die Miniaturbilder eine bessere Übersichtlichkeit der gesamten Produktpalette ermöglicht wird. Zudem können diese Vorschaubilder auch Informationen zu der eigentlichen Webseite geben und Nutzer bei der Produktsuche und der Kaufentscheidung beeinflussen. Thumbnails verringern darüber hinaus die Ladezeit und verhindern, dass Nutzer das Interesse verlieren und den Online-Shop wieder verlassen.