Vorschaubilder und Einstellungen anpassen

 

Größe und Zahl der Vorschaubilder bestimmen, wie die Galerie wirkt und wie schnell sie lädt. Das Video führt in gut zwei Minuten durch die Seite „Einstellungen“ und setzt Werte, die sich in der Praxis bewährt haben. Darunter stehen die Kapitel mit Zeitmarken, die Richtwerte als Tabelle und der Rechenweg für die Spaltenzahl.

Länge: 2:13 Min. · Veröffentlicht am 28.09.2026 · mit deutschen Untertiteln · Teil 5 von 8
Vorschaugröße, Bilder pro Zeile, Größe der großen Ansicht und Cache-Zeit: welche Werte sich bewährt haben und wie sich jede Änderung in der Galerie auswirkt.

Kapitel

  1. 0:00 Die Einstellungen öffnen
  2. 0:13 Die Größe der Vorschaubilder
  3. 0:26 Größer heißt schwerer
  4. 0:38 Bilder pro Zeile
  5. 0:51 Vorschaubilder neu erstellen
  6. 1:03 Die große Ansicht
  7. 1:16 Kleine Bilder nicht vergrößern
  8. 1:27 Der Zwischenspeicher
  9. 1:39 Speichern
  10. 1:49 Das Ergebnis
  11. 2:00 Jede Kategorie einmal aufrufen

Transkript

Gesprochenen Text lesen
Wie groß die Vorschaubilder sind und wie viele nebeneinander stehen, legen Sie unter „Einstellungen“ fest. Die Seite hat sechs Abschnitte, von der Startseite bis zur Leistung.
Jedes Vorschaubild passt die Galerie in einen Rahmen aus Breite und Höhe ein. Querformate füllen die Breite, Hochformate die Höhe. 200 Pixel sind ein guter Anfang, wir nehmen 260.
Größere Vorschaubilder kosten Ladezeit. In unserer Galerie wiegt eines mit 200 Pixeln rund 10 Kilobyte. Mit 300 Pixeln ist es doppelt so schwer, mit 400 mehr als dreimal so schwer.
Jede Spalte braucht die Bildbreite plus 36 Pixel, und innen ist die Galerie höchstens 916 Pixel breit. Drei Bilder mit 260 Pixeln passen, bei vier würde der Browser sie wieder verkleinern.
„Vorschaubilder neu erstellen nach“ steht auf null, und so bleibt es. Geänderte Maße erkennt die Galerie selbst. Ein Wert in Tagen ließe den Server nur regelmäßig alle Vorschaubilder neu rechnen.
Große Fotos zeigt die Lightbox als kleinere Kopie. 1600 Pixel sind auch auf großen Bildschirmen scharf. Ein Handyfoto mit 12 Megapixeln misst 4000 mal 3000 Pixel, die Kopie hat kein Sechstel davon.
„Kleine Bilder vergrößern“ bleibt auf „Nein“. Sonst zieht die Galerie kleinere Fotos auf 1600 Pixel auf, und sie werden unscharf. Mit „Nein“ bleiben sie, wie sie sind.
Der Zwischenspeicher merkt sich Datenbankabfragen. Nach jeder Änderung im Admin leert die Galerie ihn selbst. Er darf deshalb lange halten, wir setzen eine Stunde, 3600 Sekunden.
„Einstellungen speichern“ übernimmt alles auf einmal. Ist ein Wert ungültig, speichert die Seite nichts und nennt den Fehler direkt am Feld. Hier ist alles in Ordnung.
In der Ostsee stehen jetzt drei Bilder nebeneinander, der Leuchtturm im Hochformat ist 260 Pixel hoch. Die neuen Vorschaubilder hat die Galerie beim ersten Aufruf selbst gerechnet.
Bei vielen großen Fotos dauert das Nachrechnen spürbar. Rufen Sie nach einer Größenänderung jede Kategorie einmal selbst auf, dann wartet kein Besucher. Im nächsten Teil verwalten Sie Ihre Bilder.

Galerie-Einstellungen anpassen – Video und Richtwerte im Überblick

Die Kapitel folgen der Reihenfolge der Felder. Am schnellsten geht es mit zwei Browserfenstern:

  1. Verwaltung im zweiten Fenster öffnen und „Einstellungen“ anklicken
  2. Video bis zur nächsten Kapitelmarke laufen lassen
  3. Den gezeigten Wert mit der Tabelle unten abgleichen und in den Galerie-Einstellungen anpassen
  4. Video fortsetzen, bis bei 1:39 das Speichern folgt
  5. „Einstellungen speichern“ klicken und danach jede Kategorie einmal selbst aufrufen

Die Tabelle stellt die Standardwerte nach der Installation den Werten aus dem Video gegenüber. In Klammern stehen der Abschnitt der Einstellungsseite und die Zeitmarke im Video.

Feld (Abschnitt, Video) Nach der Installation Richtwert Begründung
Breite und Höhe der Vorschaubilder (Vorschaubilder, ab 0:13) 200 × 200 Pixel 200 bis 260 Pixel, beide gleich 260 statt 200 Pixel bedeuten 1,7-mal so viele Pixel je Bild.
Vorschaubilder pro Zeile (Vorschaubilder, ab 0:38) 2 3 bei 200 bis 260 Pixeln Ergebnis der Rechnung im nächsten Abschnitt.
Vorschaubilder neu erstellen nach (Vorschaubilder, ab 0:51) 0 0 Geänderte Maße erkennt die Galerie selbst.
Maximale Breite und Höhe der großen Ansicht (Große Ansicht, ab 1:03) 1024 × 1024 Pixel 1600 × 1600 Pixel Auf großen Bildschirmen scharf, viel leichter als ein Handyfoto.
Kleine Bilder vergrößern (Große Ansicht, ab 1:16) Nein Nein Bei „Ja“ werden kleine Fotos aufgezogen und unscharf.
Zwischenspeicher für Datenbankabfragen (Leistung, ab 1:27) 350 Sekunden 3600 Sekunden Jede Änderung im Admin leert ihn ohnehin sofort.

Was größere Vorschaubilder kosten, lässt sich abschätzen. In der Beispielgalerie aus dem Video wiegt ein Vorschaubild mit 200 Pixeln rund 10 Kilobyte. Bei 260 Pixeln sind es, nach der Pixelzahl gerechnet, etwa 17 Kilobyte. Eine Kategorie mit 40 Fotos lädt dann rund 680 statt 400 Kilobyte. Im schwachen Mobilnetz macht sich das bemerkbar. Wer viele Fotos je Kategorie zeigt, bleibt deshalb eher bei 200 Pixeln.

Breite und Höhe der großen Ansicht setzen Sie immer gemeinsam, beide zwischen 100 und 10000 Pixeln. Ist ein Foto größer, zeigt die Lightbox eine verkleinerte Kopie aus dem Ordner bilder/tn/ (Dateiname beginnt mit ob_). Aus einem Handyfoto mit 4000 × 3000 Pixeln wird so eine Kopie mit 1600 × 1200 Pixeln, weniger als ein Sechstel der Pixel. Stehen beide Werte auf 0, lädt jeder Klick das Original, bei Handyfotos meist mehrere Megabyte. Nebenbei enthält die neu geschriebene Kopie keine EXIF-Angaben wie Kameradaten oder GPS-Position.

Wie viele Vorschaubilder in eine Zeile passen

Kategorie Ostsee nach dem Speichern: drei Vorschaubilder nebeneinander, der Leuchtturm im HochformatDie Breite der Vorschaubilder legt einen Rahmen fest, in den die Galerie jedes Foto einpasst. Ein Querformat füllt ihn in der Breite, ein Hochformat in der Höhe und bleibt schmaler. Für die Spalte zählt trotzdem immer die volle Rahmenbreite plus 36 Pixel Abstand. Innen ist die Galerie höchstens 916 Pixel breit. Teilen Sie also 916 durch Bildbreite plus 36. Die Zahl vor dem Komma ist der größte sinnvolle Wert für „Vorschaubilder pro Zeile“.

Mit 160 Pixeln passen so vier Bilder nebeneinander, mit 200 und mit 260 Pixeln jeweils drei. Bei 260 Pixeln bleiben nur 28 Pixel Luft, für ein viertes Bild reicht das nicht. Tragen Sie trotzdem einen höheren Wert ein, staucht der Browser die Zeile auf 916 Pixel. Jedes Vorschaubild erscheint dann kleiner, als es geladen wurde, und Ihre Besucher übertragen Pixel, die sie nie zu sehen bekommen. Auf dem Handy spielt der Wert keine Rolle: Bis 600 Pixel Bildschirmbreite stehen die Vorschaubilder immer in zwei Spalten.

Wie viele Vorschaubilder passen in eine Zeile der Galerie? Innenbreite der Galerie: 916 Pixel. Eine Spalte = Bildbreite + 36 Pixel Abstand. 160 Pixel: 916 ÷ 196 = 4,7, also 4 je Zeile 1 2 3 4 200 Pixel: 916 ÷ 236 = 3,9, also 3 je Zeile 1 2 3 260 Pixel: 916 ÷ 296 = 3,1, also 3 je Zeile 1 2 3 Rot gestrichelt: Ein weiteres Bild ragt über den Rand, dann müsste der Browser alle verkleinern. Standard nach der Installation: 200 Pixel, nur 2 je Zeile 1 2 leer Auf dem Handy bis 600 Pixel stehen immer zwei Spalten.
Zum Abschnitt „Vorschaubilder“ ab 0:38 (Galerie-Einstellungen anpassen – Video): Bei 160 Pixeln passen vier Vorschaubilder in eine Zeile, bei 200 und 260 Pixeln je drei. Mit dem Standardwert 2 bleibt der Platz für das dritte Bild leer.

Auffällig ist der Standardwert: Nach der Installation stehen bei 200 Pixeln nur zwei Vorschaubilder in einer Zeile, obwohl drei passen. Wer die Breite nicht ändern will, zeigt mit einer 3 bei „Vorschaubilder pro Zeile“ die Hälfte mehr Bilder je Zeile. Ändern Sie dagegen die Maße, rechnet die Galerie die Vorschaubilder neu, sobald eine Kategorie das nächste Mal aufgerufen wird. Bei vielen großen Fotos dauert das spürbar. Rufen Sie deshalb nach dem Speichern jede Kategorie einmal selbst auf, dann wartet kein Besucher.

Weitere Galerie-Einstellungen anpassen

Video und Tabelle beschränken sich auf Vorschaubilder, große Ansicht und Zwischenspeicher. Die übrigen Felder der Einstellungsseite stehen nach der Installation so:

  • Bilder aus dem Hauptverzeichnis anzeigen (Standard: Ja): Fotos, die Sie ohne Kategorie hochgeladen haben, stehen oben auf der Startseite der Galerie, über den Kategorien.
  • Leere Kategorien anzeigen (Standard: Nein): Eine neue Kategorie erscheint erst mit dem ersten Bild auf der Startseite. Mit „Ja“ ist sie sofort sichtbar.
  • Länge der Kategoriebeschreibung (Standard: 75 Zeichen): Auf der Startseite kürzt die Galerie jede Kategoriebeschreibung auf diese Länge, möglichst am Wortende, und hängt „…“ an. Erlaubt sind 1 bis 1000. Die Kategorieseite selbst zeigt den vollen Text.
  • Dateiname als Beschreibung (Standard: Ja): Aus „Strandkörbe am Morgen.jpg“ wird die Beschreibung „Strandkörbe am Morgen“. Kameranamen wie „IMG_1234“ ergeben keine. Steht der Schalter auf „Nein“, bleiben neue Beschreibungen leer.
  • Kategorieseiten (Standard: alles Ja): Name als Überschrift, Navigationspfad, Bilderzahl und Beschreibung lassen sich einzeln abschalten. Wie die Seite für Besucher aussieht, zeigt das Video zur Galerie aus Besuchersicht.

Ungültige Werte speichert die Seite nicht. Sie nennt den Fehler direkt am Feld, etwa bei Vorschaubildern unter 20 oder über 1000 Pixeln oder mehr als 20 Bildern pro Zeile. Nach einem Update von einer älteren Version markiert sie so auch alte Werte außerhalb dieser Bereiche.

Wenn eine Änderung nicht erscheint

Nach jedem Speichern im Admin leert die Galerie ihren Zwischenspeicher selbst. Ändern Sie dagegen etwas direkt in der Datenbank, etwa mit phpMyAdmin, zeigt die Galerie so lange den alten Stand, wie bei „Zwischenspeicher für Datenbankabfragen“ eingetragen ist, mit dem Richtwert also bis zu eine Stunde. Warten Sie diese Zeit ab oder löschen Sie im Ordner cache per FTP alle Dateien außer .htaccess.

Noch keine eigene Galerie? Sie können das Bildergalerie-Script kostenlos herunterladen und die Werte gleich nach der Installation eintragen.

Fragen zu Fotos, Webspace oder Installation? Antworten finden Sie im Bildergalerie Ratgeber.