Bilder bearbeiten

Im Website Editor hast du die Möglichkeit Bilder zu bearbeiten und für deine Website anzupassen. 

Du kannst entweder deine eigenen Bilder hochladen oder du nutzt die integrierte Stockfoto-Bibliothek, um dir dort kostenlose und lizenfreie Bilder auszusuchen. Die Stockfoto-Bibliothek findest du unter Mehr > Dateien > Stockfotos.

Überall wo du mit Bildern arbeitest, z.B. einem Bild- oder Galerie-Element, siehst du eine kleine Toolbar über dem Bild, wenn du es ausgewählt hast. Dort findest du die folgenden Optionen: 

• Bild auswählen: Wähle direkt ein Bild aus dem Media Manager aus, oder suche dir dein passendes Bild aus den Stockfotos aus
• Ausschneide-Modus: Schneide dir dein Bild zurecht, dass es genau so auf der Website angezeigt wird, wie du möchtest.
• 90 Grad links drehen
• 90 Grad rechts drehen
• Ausrichtung ändern: Verändere die Ausrichtung deines Bildes im Element
  
  
• Weichzeichnen: Stelle ein, inwieweit du den Kontrast des Bildes verändern möchtest und dein Bild weichzeichnest.
• Graustufen: Gib deinem Bild einen besonderen Touch in Graustufen

MIt dem Häkchen-Icon in der Toolbar kannst du deine Änderungen bestätigen. Wenn du ein Bild-Element ausgewählt hast, öffnet sich auf der linken Seite ein Einstellungspanel mit weiteren Bearbeitungsmöglichkeiten. Diese beziehen sich auf die Darstellung des Bildes im Container-Element.

Hier hast du folgende Bearbeitungsmöglichkeiten: 

• Breite: Diese Einstellung bestimmt, wie viel Platz das Bild in Breite des Elements einnimmt.
• Bild einpassen: Wenn du die Checkbox aktivierst, wird das Bild anhand einer Größe und Breite im Element automatisch angepasst
• Höhe: Diese Einstellung bestimmt, welche Höhe das Bild im Container haben soll
• Ausrichtung: Diese Funktion bestimmt die Ausrichtung des Bilder im Container
• Lazyload: Lazyload bestimmt, ob das Bild beim Laden der Seite oder erst nachträglich geladen werden soll
• Lightbox: Diese Checkbox aktiviert die Lightbox-Funktion für das Bild
• Optimiert: Mit dieser Funktion legst du fest, ob das Bild direkt automatisch vom Website Editor komprimiert und optimiert dargestellt werden soll. Wenn du diese Option deaktivierst, wird das Bild in seiner Originalgröße geladen und die Responsive-Einstellung ist nicht mehr nutzbar, da diese die Bildgröße beeinflussen würde. 
• Responsive: Diese Funktion optimiert dein Bild für mobile Viewports
• Als Überschrift: Diese Funktion fügt das Bild in eine H1 Überschrift ein
• Position: Diese Funktion positioniert das Bild anhand von bestimmten Werten im Container, die du hier festlegen kannst.

Und im separaten Abschnitt Text direkt darunter ist es möglich einen Alternativtext und eine Bildbeschreibung hinzuzufügen. Dies verbessert die Barrierefreiheit deiner Website und trägt zu einem besseren SEO bei.