View Categories

Wie passe ich ein Bild an?

2 Min Lesezeit

Inhaltsverzeichnis

Elementor bietet eine Vielzahl von Möglichkeiten, um Bilder auf deiner Website anzupassen. Hier sind die wichtigsten Schritte:

1. Bild hinzufügen #

  • Neues Element hinzufügen: Klicke auf die „+“-Schaltfläche, um ein neues Element hinzuzufügen. Wähle das „Bild“-Element aus.
  • Bild auswählen: Klicke auf „Bild auswählen“ und wähle das gewünschte Bild aus deiner Medienbibliothek aus. Du kannst auch ein neues Bild hochladen.

2. Bildgröße und -ausrichtung anpassen #

  • Größe:
    • Breite und Höhe: Gib die gewünschten Maße in Pixel oder Prozent an.
    • Skalierung: Wähle zwischen „Decken“, „Enthalten“, „Originalgröße“ oder „Angepasst“.
  • Ausrichtung: Wähle aus, ob das Bild links, rechts oder zentriert ausgerichtet werden soll.

3. Bildstil anpassen #

  • Abstand: Passe den Abstand zum umgebenden Text oder anderen Elementen an.
  • Rahmen: Füge einen Rahmen um das Bild hinzu und passe dessen Farbe, Breite und Stil an.
  • Schatten: Erzeuge einen Schatteneffekt, um das Bild hervorzuheben.
  • Rundung: Verpasse dem Bild abgerundete Ecken.

4. Bild als Hintergrund verwenden #

  • Hintergrundbild: Wähle das Bild als Hintergrund für einen Abschnitt oder ein Element.
  • Hintergrundposition: Bestimme, wo das Bild im Hintergrund platziert werden soll (z.B. oben links, zentriert).
  • Hintergrundgröße: Wähle, wie das Bild skaliert werden soll, um den Hintergrund vollständig auszufüllen.

5. Responsive Design #

  • Bildgröße anpassen: Stelle sicher, dass das Bild auf verschiedenen Geräten gut aussieht. Passe die Größe und Ausrichtung für Desktop, Tablet und Mobilgeräte an.
  • Bildformat: Wähle das geeignete Bildformat (z.B. JPG, PNG) für eine schnelle Ladezeit und gute Bildqualität.

6. Zusätzliche Funktionen #

  • Bildbearbeitung: Einige Elementor-Versionen oder Add-ons bieten integrierte Bildbearbeitungsfunktionen wie Zuschneiden, Drehen und Farbkorrektur.
  • Bildanimationen: Füge Animationen hinzu, um das Bild lebendiger zu gestalten.

Video-Tutorial zur Veranschaulichung: https://www.youtube.com/watch?v=YkHGpIKyo64

Weitere Tipps:

  • Optimierte Bilder: Verwende optimierte Bilder, um die Ladezeit deiner Website zu verbessern.
  • Responsive Bilder: Stelle sicher, dass deine Bilder für verschiedene Bildschirmgrößen optimiert sind.
  • Alt-Texte: Füge Alt-Texte zu deinen Bildern hinzu, um die Barrierefreiheit zu verbessern und für eine bessere Suchmaschinenoptimierung (SEO) zu sorgen.