> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Bilder hinzufügen und anpassen

> Fügen Sie Bilder hinzu und passen Sie sie an, um Landingpages aufzuwerten, das Layout zu steuern und visuell ansprechende Designs zu gestalten.

Mit dem Bild-Element fügen Sie Ihrer Seite visuelle Inhalte hinzu – etwa Produktbilder, Illustrationen oder Hintergründe.

Sie ziehen es per Drag-and-drop aus der linken Seitenleiste und steuern vollständig, wie das Bild aussieht und sich verhält.

***

## Bilder hinzufügen und wechseln

* Klicken Sie im rechten Panel auf **Change Image**
* Damit öffnet sich der Dialog der Bildergalerie

In der Galerie können Sie:

* Aus Ihren hochgeladenen Bildern auswählen
* Neue Bilder hochladen
* Bilder von Unsplash durchsuchen

***

## Optionen zur Bildgröße

Sie steuern, wie sich das Bild in seinen Container einfügt:

* **Fill** → Füllt die gesamte Fläche (Teile können abgeschnitten werden)
* **Fit** → Zeigt das vollständige Bild ohne Beschnitt
* **Stretch** → Dehnt das Bild auf die Containergröße
* **Original** → Behält die ursprüngliche Bildgröße bei

***

## Bildposition anpassen

Bei ausgewähltem Bild können Sie festlegen, welcher Ausschnitt im Container sichtbar ist.

* Nutzen Sie das **Positionssteuerelement (Kreis in der Mitte)**, um den sichtbaren Bereich zu verschieben
* Beispiel:<br />Ist Ihr Bild beschnitten, können Sie den Fokus nach oben verschieben, um statt des Hintergrunds ein Gesicht zu zeigen

***

## Bildabmessungen

* Breite und Höhe manuell steuern
* Je nach Layout % oder px verwenden

***

## Ihre Bilder verwalten

Ihre gesamte Bildbibliothek verwalten Sie über die Galerie:

* Auf alle hochgeladenen Bilder zugreifen
* Assets organisieren und wiederverwenden
* Jederzeit neue Dateien hochladen

***

## Bilder zuschneiden

In der Galerie können Sie Bilder vor der Verwendung zuschneiden:

* Ein Bild auswählen
* Das Zuschneidewerkzeug öffnen
* Seitenverhältnisse wählen (1:1, 16:9 usw.)
* Zuschnitt anwenden

***

## Bewährte Vorgehensweisen

* Verwenden Sie optimierte Bilder für schnellere Ladezeiten
* Halten Sie Bildgrößen über die Sections hinweg einheitlich
* Nutzen Sie je nach Layout-Anforderung Fit oder Fill