Bildvergrößerung beim Klick: die Zoom-Funktion

 

In einer Galerie sehen Sie zuerst viele kleine Vorschaubilder nebeneinander. Klicken Sie eines an, öffnet es sich groß und füllt einen großen Teil des Bildschirms. Genau das ist die Bildvergrößerung beim Klick. Der Besucher entscheidet selbst, welches Foto er genauer betrachten will, und sieht dann alle Details, die im kleinen Vorschaubild verborgen blieben. Ohne diese Funktion bliebe eine Galerie eine reine Sammlung von Miniaturen, auf denen man kaum etwas erkennt.

Bildvergrößerung beim Klick: die Zoom-Funktion: Thumbnail-Raster im Browser, eine Kachel oeffnet sich gross in einer Lightbox mit Pfeilen, Mauszeiger

Warum kleine und große Bilder getrennt sind

Eine Galerie zeigt nicht jedes Foto sofort in voller Größe. Das hätte zwei Nachteile: die Seite wäre unübersichtlich und sie würde langsam laden. Stattdessen zeigt das Script zuerst kleine Vorschaubilder, sogenannte Thumbnails. Erst beim Klick lädt die große Fassung des Fotos nach. So sieht der Besucher auf einen Blick, was es alles gibt, und holt sich die Details gezielt dort, wo er sie braucht.

So bleibt die Übersicht schnell, und der Besucher bekommt das große Bild nur dann, wenn er es wirklich sehen will. Das schont vor allem auf dem Handy die Datenmenge, weil nicht gleich Dutzende großer Dateien geladen werden müssen. Wer nur durch die Vorschau scrollt, verbraucht kaum etwas und wartet nicht unnötig auf langsame Ladezeiten.

Was bei der Bildvergrößerung beim Klick passiert

Der Ablauf ist immer derselbe und spielt sich in wenigen Augenblicken ab. Sie müssen dafür nichts wissen, außer dass ein Klick genügt.

  1. Sie klicken auf ein kleines Vorschaubild.
  2. Das Script lädt die große Version des Fotos.
  3. Das Bild erscheint mittig, der Hintergrund wird dabei oft abgedunkelt.
  4. Pfeile erlauben den Wechsel zum nächsten oder vorherigen Bild.
  5. Ein Klick daneben oder auf das Schließen-Symbol bringt Sie zurück.

Diese vergrößerte Ansicht nennt man oft Lightbox. Der Name beschreibt den dunklen Rahmen, der das Bild vom Rest der Seite abhebt und den Blick darauf lenkt. Weil ringsum alles abgedunkelt ist, wirkt das Foto größer und ruhiger, und nichts lenkt mehr ab.

Vorschaubild und großes Bild im Vergleich

Beide Versionen erfüllen verschiedene Aufgaben und ergänzen sich. Die Tabelle stellt sie gegenüber.

EigenschaftVorschaubildGroßes Bild
GrößeKleinBildschirmfüllend
ZweckÜbersichtDetails ansehen
LadezeitSehr kurzEtwas länger

Was die Funktion für Besucher bedeutet

Die Vergrößerung macht eine Galerie erst richtig nutzbar. Ohne sie müssten Besucher mit winzigen Bildern auskommen und könnten kaum etwas erkennen.

  • Details wie Gesichter, Texte oder Beschriftungen werden lesbar.
  • Der Besucher steuert selbst, welches Bild er groß sieht.
  • Die Übersicht bleibt trotzdem schlank und lädt schnell.

Sie müssen dafür nichts einrichten. Sobald Sie Bilder hochladen, erzeugt das Script die kleinen Vorschauen automatisch und verbindet sie mit der großen Fassung. Die Bildvergrößerung beim Klick steht damit ohne Zusatzaufwand bereit und gehört in jeder Galerie zur Grundausstattung, die Besucher heute schlicht erwarten, weil sie es von überall her kennen.

Worauf Sie beim Hochladen achten

Damit die große Ansicht wirklich etwas hermacht, sollten die Originalbilder ausreichend groß sein. Aus einem winzigen Foto lässt sich keine scharfe Vergrößerung zaubern, denn das Script kann nur zeigen, was vorhanden ist. Laden Sie Aufnahmen daher lieber in guter Auflösung hoch, dann wirkt die Lightbox auch auf großen Monitoren sauber. Gleichzeitig muss eine Datei nicht riesig sein, denn sehr große Dateien verlangsamen das Laden. Ein vernünftiges Mittelmaß sorgt für scharfe Bilder, die trotzdem schnell erscheinen. Wenn Sie das beachten, sehen Ihre Besucher jedes Detail genau so, wie Sie es aufgenommen haben.

Häufige Fragen

Bevor Sie Bilder hochladen, lohnt ein Blick auf die Fragen, die über eine scharfe, schnelle Vergrößerung entscheiden.

Was ist eine Lightbox?

Lightbox heißt die vergrößerte Ansicht, die sich beim Klick auf ein Vorschaubild öffnet. Das Bild erscheint mittig, der Hintergrund wird abgedunkelt, und Pfeile erlauben den Wechsel zum nächsten oder vorherigen Foto. Ein Klick daneben oder auf das Schließen-Symbol bringt Sie zurück zur Übersicht.

Wie groß sollte ich Bilder für die Vergrößerung hochladen?

Damit die große Ansicht auch auf Monitoren scharf wirkt, sollte die längste Bildseite rund 1600 bis 2000 Pixel haben. Aus einem winzigen Foto lässt sich keine scharfe Vergrößerung zaubern. Halten Sie die Dateigröße gleichzeitig im Rahmen, etwa unter 500 KB pro Bild, sonst lädt die Lightbox langsam.

Muss ich die Vorschaubilder selbst erstellen?

Nein. Sobald Sie ein Bild hochladen, erzeugt das Script die kleinen Vorschauen (Thumbnails) automatisch und verbindet sie mit der großen Fassung. Die Bildvergrößerung beim Klick steht damit ohne Zusatzaufwand bereit.

Verwandte Themen

Wie Vorschau, Lightbox und mobile Darstellung zusammenspielen, vertiefen diese Themen: