Zum Inhalt springen

Galerie

oder auch Bildergalerie, Fotogalerie

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 15.10.2026

Eine Galerie ist eine Sammlung mehrerer Bilder, die als Raster oder Reihe nebeneinander stehen. Angezeigt werden verkleinerte Vorschaubilder; ein Klick öffnet das einzelne Bild groß, meist in einer Lightbox über der Seite.

Galerie

Sammlung mehrerer Bilder, die als Raster oder Reihe nebeneinander stehen.
Beispiel: „Auf der Projektseite zeigt eine Galerie zwölf Aufnahmen der fertigen Räume.“

Auch: Bildergalerie oder Fotogalerie. Im englischen Sprachgebrauch Image Gallery.

Abgrenzung zum Slider: Die Galerie zeigt alle Bilder gleichzeitig, der Slider eines nach dem anderen an derselben Stelle.

Links ein Bildraster aus neun Kacheln, von denen eine angewählt ist, rechts dieselbe Seite abgedunkelt mit einem einzelnen großen Bild darüber und Pfeilen links und rechts daneben
Die Galerie zeigt die Auswahl, die Lightbox das einzelne Bild.

Wie eine Galerie aufgebaut ist

Üblich ist ein Raster aus drei bis vier Spalten, das auf dem Smartphone auf eine oder zwei zusammenfällt. Die Vorschaubilder sind quadratisch oder gleich hoch beschnitten, damit das Raster ruhig bleibt. Jedes Bild braucht einen Alternativtext, der beschreibt, was darauf zu sehen ist.

Die Reihenfolge ist eine inhaltliche Entscheidung: Das stärkste Bild gehört nach vorn, weil es darüber entscheidet, ob überhaupt jemand weiterklickt.

Bildunterschriften sind nicht Pflicht, tragen aber mehr als der Alternativtext, sobald die Aufnahmen etwas belegen sollen: Sie stehen für alle sichtbar unter dem Bild und nennen Ort, Projekt oder Jahr. Bei Referenzen und Veranstaltungen ist das oft die halbe Aussage.

Was eine Galerie an Ladezeit kostet

Zwölf Bilder in voller Auflösung sind schnell zehn Megabyte. Die Vorschaubilder gehören deshalb in der Größe ausgeliefert, in der sie erscheinen, und zwar als eigene Dateien, nicht als heruntergerechnete Originale. Die große Fassung wird erst geladen, wenn jemand sie öffnet.

Alles unterhalb des ersten Bildschirms bekommt loading="lazy". Bei langen Galerien lohnt zusätzlich eine feste Breite und Höhe an jedem Bild, damit das Raster beim Nachladen nicht springt.

Galerie oder Slider

Die Galerie passt, wenn die Bilder gleichrangig sind und der Besucher selbst auswählen soll. Der Slider passt, wenn der Platz knapp ist und eine Reihenfolge erzählt werden soll. Für Referenzen, Produktbilder und Veranstaltungsfotos ist die Galerie die ruhigere Wahl, weil sie den Überblick sofort zeigt.

Siehe auch:

Lightbox

Überlagerung, die ein einzelnes Bild groß über der abgedunkelten Seite zeigt.

#Website-Struktur

Thumbnail

Verkleinerte Fassung eines Bildes, die als Vorschau auf das große Bild oder einen Eintrag verweist.

#Website-Struktur

Responsive Bilder

Technik, bei der ein Bild in mehreren Größen bereitliegt und der Browser die passende Variante für Layoutbreite und Pixeldichte auswählt.

#Responsive Design

Detailseite

Seite, die einen einzelnen Eintrag vollständig zeigt und über eine Übersichtsseite erreichbar ist.

#Website-Struktur

Modal

Fenster, das sich über den Inhalt legt und die Seite dahinter sperrt, bis es geschlossen wird.

#Website-Struktur

Alt-Text

Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.

#Website-Struktur