Vorschaubild in der Galerie einfach erklärt

Ein Vorschaubild ist eine kleine Version eines größeren Fotos. Es dient als Vorschau, damit man auf einen Blick erkennt, was sich hinter dem vollständigen Bild verbirgt, ohne es gleich in voller Größe laden zu müssen. In einer Bildergalerie sieht man zuerst eine Übersicht aus vielen solchen kleinen Bildern. Klickt man eines an, öffnet sich das große Originalfoto. Das Vorschaubild ist also die Eintrittskarte zur eigentlichen Ansicht und das, was Besucher als Erstes sehen.

Was ist ein Vorschaubild?: Raster kleiner Thumbnails, eines hervorgehoben, Pfeil zur grossen vergroesserten Version

Wozu ein Vorschaubild in der Galerie dient

Stellen Sie sich eine Galerie mit hundert Urlaubsfotos vor. Würde der Browser alle hundert in voller Auflösung gleichzeitig laden, dauerte das lange und verbrauchte viel Datenmenge. Stattdessen zeigt die Übersicht hundert kleine Vorschaubilder, die zusammen nur einen Bruchteil wiegen. Der Besucher überfliegt sie, findet das passende Motiv und öffnet nur dieses eine in groß. Das spart Ladezeit und macht das Stöbern angenehm. Das Vorschaubild übernimmt damit die Rolle eines Inhaltsverzeichnisses in Bildform, durch das man sich Bild für Bild bewegt.

Der Unterschied zwischen Vorschaubild und Originalbild wird in der Tabelle deutlich.

Merkmal	Vorschaubild	Originalbild
Größe	klein, etwa 200x150	groß, etwa 2000x1500
Dateigröße	wenige Kilobyte	oft mehrere Megabyte
Zweck	schnelle Übersicht	Detailansicht
Wann sichtbar	auf der Übersichtsseite	nach dem Anklicken

Wie ein Vorschaubild in der Galerie entsteht

In den meisten Fällen muss man Vorschaubilder nicht von Hand anlegen. Ein Galerie-Script nimmt das hochgeladene Originalfoto und rechnet es automatisch auf eine kleine Größe herunter. Diese verkleinerte Kopie wird gespeichert und in der Übersicht angezeigt. Das Original bleibt unangetastet und erscheint erst beim Anklicken. So hat jedes Foto zwei Versionen, ohne dass Sie selbst mit einem Bildbearbeitungsprogramm verkleinern müssen. Bei vielen Skripten lässt sich die gewünschte Größe der Vorschau in den Einstellungen festlegen, sodass alle Bilder gleich aussehen.

Beim Erstellen von Vorschaubildern sind ein paar Punkte hilfreich:

Vorschaubilder sollten klein genug sein, damit die Übersicht schnell lädt.
Ein einheitliches Seitenverhältnis lässt die Übersicht ordentlich wirken.
Das Motiv muss auch im Kleinen noch erkennbar sein.
Das Original bleibt erhalten und wird nur für die Detailansicht genutzt.
Eine zu kleine Vorschau spart zwar Platz, erschwert aber das Wiedererkennen des Bildes.

Vorschaubild in der Galerie und Beschriftung

Oft trägt ein Vorschaubild zusätzlich eine kurze Beschriftung oder einen alternativen Text. Die Beschriftung hilft Besuchern, das Motiv einzuordnen. Der alternative Text wird vorgelesen, wenn jemand einen Screenreader nutzt, und erscheint, falls das Bild nicht geladen werden kann. Beides macht eine Galerie zugänglicher. Auch Suchmaschinen werten solche Texte aus, um zu verstehen, was auf dem Bild zu sehen ist. Ein gutes Vorschaubild ist deshalb nicht nur klein, sondern auch sauber beschriftet.

Ein Vorschaubild in der Galerie erkennen

Vorschaubilder begegnen einem überall: in der Foto-App auf dem Handy, im Dateimanager am Computer und auf jeder Webseite mit Bildergalerie. Überall steht die kleine Vorschau für ein größeres Bild oder eine Datei dahinter. Wer das Prinzip einmal verstanden hat, erkennt es schnell wieder. Für eine eigene Galerie bedeutet es vor allem: Man lädt das große Foto hoch, und die kleine Vorschau entsteht von selbst. Selbst Videos und Dokumente bekommen oft ein Vorschaubild, damit man den Inhalt erahnt, bevor man die Datei tatsächlich öffnet. So findet man sich auch in einer großen Sammlung schnell zurecht.

Häufige Fragen

Beim Anlegen einer Galerie stellen sich vor allem Fragen zur richtigen Größe und Technik hinter dem Vorschaubild.

Wie groß sollte ein Vorschaubild sein?

Üblich sind etwa 200 bis 400 Pixel Breite bei nur wenigen Kilobyte Dateigröße. Das reicht, damit das Motiv erkennbar bleibt, die Übersichtsseite aber schnell lädt; das Originalbild öffnet sich erst beim Anklicken.

Muss ich Vorschaubilder selbst erstellen?

Meist nicht. Ein Galerie-Script rechnet das hochgeladene Original automatisch auf eine kleine Kopie herunter und zeigt diese in der Übersicht. Das Original bleibt unangetastet, und die gewünschte Vorschaugröße lässt sich oft in den Einstellungen festlegen.

Wie lädt eine Galerie mit vielen Vorschaubildern schnell?

Hilfreich sind kleine Dateien, ein modernes Format wie WebP und Lazy Loading, also das Nachladen der Bilder erst beim Scrollen. Ein einheitliches Seitenverhältnis hält die Übersicht zusätzlich ordentlich.