Layout

Im Layout-Tab bestimmst du, wie deine Galerie strukturiert ist - vom Layout-Typ über Spaltenanzahl bis zu Abständen und Vorlagen.

Layout-Typ

Wähle zwischen drei verschiedenen Layout-Typen:

Grid

Was es macht: Zeigt Bilder in einem gleichmäßigen Raster mit fester Größe.

So findest du es: Layout > Layout-Typ > Grid

Eigenschaften:

Alle Bilder haben die gleiche Größe
Bilder werden auf das gewählte Seitenverhältnis zugeschnitten
Klassisches, aufgeräumtes Erscheinungsbild

Ideal für:

Einheitliche Bildsammlungen
Portfolio-Galerien
Instagram-ähnliche Darstellung

Masonry

Was es macht: Pinterest-ähnliches Layout mit variablen Bildhöhen.

So findest du es: Layout > Layout-Typ > Masonry

Eigenschaften:

Bilder behalten ihre originalen Proportionen
Lücken werden automatisch gefüllt
Dynamisches, interessantes Erscheinungsbild

Ideal für:

Gemischte Bildformate
Kunstgalerien
Kreative Portfolios

Carousel

Was es macht: Horizontaler Slider mit automatischem Bildwechsel.

So findest du es: Layout > Layout-Typ > Carousel

Eigenschaften:

Ein Bild im Fokus
Automatischer Bildwechsel (optional)
Seitenindikator-Punkte (optional)

Ideal für:

Hero-Bilder
Highlights
Präsentationen

Grid-Einstellungen

Diese Einstellungen erscheinen nur bei Grid oder Masonry Layout.

Spalten (Portrait)

Was es macht: Anzahl der Spalten im Hochformat.

So findest du es: Layout > Raster-Einstellungen > Spalten (Portrait)

Wertebereich: 1 bis 5

Wert	Wirkung
1	Ein Bild pro Zeile, große Bilder
2	Zwei Spalten, ausgewogene Größe
3	Instagram-Stil, kompakt
4-5	Viele kleine Bilder, Thumbnail-Ansicht

Standard: 2

Spalten (Landscape)

Was es macht: Anzahl der Spalten im Querformat.

So findest du es: Layout > Raster-Einstellungen > Spalten (Landscape)

Wertebereich: 2 bis 8

Wert	Wirkung
2-3	Große Bilder auch im Querformat
4	Ausgewogener Standard
5-6	Mehr Bilder sichtbar
7-8	Thumbnail-Raster

Standard: 4

Abstand zwischen Bildern

Was es macht: Der Abstand zwischen den einzelnen Bildern in Pixeln.

So findest du es: Layout > Raster-Einstellungen > Abstand zwischen Bildern

Wertebereich: 0px bis 24px

Wert	Wirkung
0-2px	Nahtloses Raster (Instagram-Classic)
4-8px	Leichter Abstand, gut erkennbar
12-16px	Deutliche Trennung
20-24px	Großzügiger Abstand

Standard: 8px

Eckenradius

Was es macht: Rundet die Ecken der Bilder ab.

So findest du es: Layout > Raster-Einstellungen > Eckenradius

Wertebereich: 0px bis 32px

Wert	Wirkung
0px	Eckige Bilder (klassisch)
8-12px	Leicht gerundet (modern)
16-24px	Deutlich gerundet
32px	Stark gerundet

Standard: 12px

Seitenverhältnis

Was es macht: Das Verhältnis von Breite zu Höhe bei Grid-Bildern.

So findest du es: Layout > Raster-Einstellungen > Seitenverhältnis

Wertebereich: 0.5 bis 2.0

Wert	Verhältnis	Beschreibung
1.0	1:1	Quadrat
0.75	3:4	Hochformat
1.33	4:3	Querformat
1.78	16:9	Breitbild

Standard: 1.0 (Quadrat)

Carousel-Einstellungen

Diese Einstellungen erscheinen nur bei Carousel Layout.

Carousel-Höhe

Was es macht: Die Höhe des Carousels in Pixeln.

So findest du es: Layout > Carousel-Einstellungen > Carousel-Höhe

Wertebereich: 150px bis 500px

Wert	Wirkung
150-200px	Kompakter Slider
250-300px	Mittlere Größe
350-400px	Prominente Darstellung
450-500px	Großer Hero-Slider

Standard: 300px

Auto-Play

Was es macht: Wechselt automatisch zum nächsten Bild.

So findest du es: Layout > Carousel-Einstellungen > Auto-Play

Optionen: Aktiviert / Deaktiviert

Standard: Deaktiviert

Wechsel-Intervall

Was es macht: Zeit zwischen automatischem Bildwechsel.

So findest du es: Layout > Carousel-Einstellungen > Wechsel-Intervall

Wertebereich: 1 bis 10 Sekunden

Wert	Wirkung
1-2s	Schneller Wechsel
3-4s	Moderate Geschwindigkeit
5-7s	Gemütliches Tempo
8-10s	Langsamer Wechsel

Standard: 3 Sekunden

Seitenindikator

Was es macht: Zeigt Punkte zur Anzeige der aktuellen Position.

So findest du es: Layout > Carousel-Einstellungen > Seitenindikator anzeigen

Optionen: Aktiviert / Deaktiviert

Standard: Aktiviert

Vorlagen

Wähle eine vorgefertigte Vorlage als Ausgangspunkt.

Verfügbare Vorlagen

Vorlage	Layout	Spalten	Abstand	Eckenradius
Minimal	Grid	2	4px	0px
Pinterest	Masonry	2	8px	16px
Instagram	Grid	3	2px	0px
Carousel	Carousel	-	-	12px

Vorlage anwenden

Scrolle im Layout-Tab nach unten zu Vorlagen
Tippe auf die gewünschte Vorlage
Die Einstellungen werden übernommen
Passe sie nach Bedarf weiter an

Layout-Übersicht

Hier siehst du alle Layout-Einstellungen auf einen Blick:

Einstellung	Bereich	Standard	Minimum	Maximum
Layout-Typ	Layout-Typ	Grid	-	-
Spalten (Portrait)	Raster	2	1	5
Spalten (Landscape)	Raster	4	2	8
Bildabstand	Raster	8px	0px	24px
Eckenradius	Raster	12px	0px	32px
Seitenverhältnis	Raster	1.0	0.5	2.0
Carousel-Höhe	Carousel	300px	150px	500px
Auto-Play	Carousel	Aus	-	-
Wechsel-Intervall	Carousel	3s	1s	10s
Seitenindikator	Carousel	An	-	-

Tipps

Häufige Fragen

Welches Layout ist am besten?

Das hängt von deinen Inhalten ab:

Viele ähnliche Bilder - Grid
Unterschiedliche Formate - Masonry
Wenige Highlights - Carousel

Warum werden meine Bilder beschnitten?

Im Grid-Layout werden alle Bilder auf das gewählte Seitenverhältnis zugeschnitten. Nutze Masonry, wenn du die originalen Proportionen behalten möchtest.

Wie viele Spalten sollte ich verwenden?

Für Smartphones sind 2-3 Spalten im Portrait ideal. Mehr Spalten zeigen mehr Bilder, aber diese sind dann kleiner.

Kann ich das Layout später ändern?

Ja, du kannst das Layout jederzeit wechseln. Deine Bilder bleiben erhalten.