Skip to main content
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:
    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