Bilder bearbeiten und ersetzen

• Bild vor dem Upload vorbereiten
• Vorhandenes Bildmodul öffnen
• Neues Bild hochladen oder vorhandenes auswählen
• Alternativtext korrekt eintragen
• Bild ausrichten und Größe prüfen
• Bild verlinken oder in einer Lightbox öffnen
• Bildmoduls oder Hintergrundbild?

Bild vor dem Upload vorbereiten

Ein gut vorbereitetes Bild lädt schneller, bleibt scharf und lässt sich leichter wiederfinden. Orientieren Sie sich möglichst am Format des vorhandenen Bildes. 

Eigenschaft	Empfehlung	Begründung
Dateiformat	WebP oder JPG für Fotos, PNG für Transparenz	WebP und gut komprimiertes JPG-Dateien sind meist deutlich kleiner
Breite	meist 1.600 bis 2.000 px für große Inhaltsbilder	Genug Reserve für große Bildschirme, ohne unnötig riesige Dateien.
Dateigröße	möglichst unter 300 KB, große Titelbilder unter 500 KB	Kleinere Dateien verbessern Ladezeit und Nutzererlebnis
Dateiname	klein, beschreibend, mit Bindestrich	Beispiel: team-tierarztpraxis-leipzig.webp statt IMG_4837.jpg
Seitenverhältnis	wie beim bisherigen Bild	So bleiben Höhe, Zuschnitt und Seitenlayout stabil.

Datenschutz und Rechte: Laden Sie nur Bilder hoch, für die eine wirksame Nutzungserlaubnis vorliegt. Bei erkennbaren Personen müssen zusätzlich die datenschutzrechtlichen Voraussetzungen erfüllt sein.

Vorhandenes Bildmodul öffnen

1. Fahren Sie mit der Maus über das zu ersetzende Bild.
2. Öffnen Sie das dunkelgraue Bildmodul über das Zahnrad.
3. Wählen Sie den Reiter "Inhalt" und öffnen Sie den Bereich "Bild".
4. Klicken Sie auf die Bildvorschau bzw. das Zahnrad an der Vorschau.

Das Bild wird im Reiter "Inhalt" des Bildmoduls ausgewählt.

 

Neues Bild hochladen oder vorhandenes auswählen

1. Wählen Sie in der WordPress-Mediathek "Dateien hochladen", wenn das Bild noch nicht vorhanden ist.
2. Ziehen Sie die vorbereitete Datei in das Fenster oder wählen Sie sie über Ihren Computer aus.
3. Warten Sie, bis der Upload vollständig abgeschlossen ist.
4. Markieren Sie das Bild und kontrollieren Sie die Dateidetails.
5. Bestätigen Sie die Auswahl über "Bild hochladen" bzw. "Upload an image".

Über die Bildvorschau gelangen Sie in die WordPress-Mediathek

Nicht doppelt hochladen! Suchen Sie vor dem Upload kurz in der Mediathek. Mehrfach vorhandene Dateien erschweren später die Pflege und verbrauchen unnötig Speicherplatz.

Alternativtext korrekt eintragen

Der Alternativtext beschreibt den Inhalt oder die Funktion des Bildes für Menschen, die es nicht sehen können. Er wird außerdem angezeigt, wenn das Bild nicht geladen werden kann.

• Inhaltliches Foto: Kurz beschreiben, was relevant zu sehen ist, zum Beispiel: "Tierärztin untersucht einen Labrador auf dem Behandlungstisch."
• Verlinktes Bild: die Funktion nennen, z.B. "Zur Online-Terminbuchung".
• Reine Dekoration: Je nach technischer Umsetzung leerer Alternativtext; bei Unsicherheit Agentur fragen.
• Nicht beginnen mit "Bild von" oder "Foto von"; Screenreader kündigen Bilder bereits als solche an.
• Keine unnatürlichen Aneinanderreihung von Suchbegriffen.

 

DIVI bietet für das Bildmodul eigene Felder für Alternativ- und Titeltext.

Wichtig: Wenn Sie den Alternativtext nur in DIVI eintragen, gilt er für dieses Modul. Wenn Sie ihn in der Mediathek pflegen, kann er bei zukünftigen Verwendungen des Bildes als Ausgangswert dienen.

Bild ausrichten und Größe prüfen

Unter "Design > Ausrichtung" wählen Sie links, zentriert oder rechts. Ändern Sie die Ausrichtung nur, wenn das Bild sichtbar falsch sitzt oder die Vorlage dies verlangt.

Die Ausrichtung des Bildmoduls befindet sich im Reiter "Design".

• Vermeiden Sie feste Höhen, wenn sie nicht bereits Bestandteil des Designs sind.
• Vergrößern Sie kleine Dateien nicht über ihre tatsächliche Auflösung hinaus.
• Kontrollieren Sie bei Personenfotos, ob Gesichter auf dem Smartphone sichtbar bleiben.
• Wenn das Bild stark beschnitten wird, kann es sich um ein Hintergrundbild statt um ein Bildmodul handeln.

Bild verlinken oder in einer Lightbox öffnen

Im Bereich "Link" des Bildmoduls können Sie festlegen, was bei einem Klick geschieht.

Link, Lightbox und Zielfenster werden direkt im Bildmodul eingestellt.

• in Lightbox öffnen: Zeigt das Bild vergrößert über der Seite.
• Bild-Link-URL: Führt zu einer Seite, Datei oder externen Adresse.
• Link-Ziel: Gleiches Fenster für interne Ziele, neues Fenster nach dem abgestimmten Webseiten-Konzept

PRÜFEN! Ein verlinktes Bild muss nach dem Speichern testweise angeklickt werden. Kontrollieren Sie Ziel, Weiterleitung und Öffnungsverhalten..

Bildmoduls oder Hintergrundbild?

Nicht jedes sichtbare Bild ist ein Bildmodul. Flächige Titelbilder liegen häufig als Hintergrund einer Sektion, Zeile oder Spalte. Das erkennen Sie daran, dass beim Überfahren kein dunkelgraues Bildmodul erscheint.

1. Ermitteln Sie anhand des farbigen Rahmens, ob das Bild zu einer blauen Sektion oder grünen Zeile gehört.
2. Öffnen Sie das betreffende Element über sein Zahnrad.
3. Gehen Sie zu "Inhalt > Hintergrund" und wählen Sie dort das Bildsymbol.
4. Ersetzen Sie das Hintergrundbild nur, wenn das neue Bild dasselbe Seitenverhältnis und genügend freie Fläche für darüberliegende Text besitzt.
5. Prüfen Sie Desktop, Tablet und Smartphone besonders sorgfältig.

AGENTURFALL: Hintergrundposition, Parallax-Effekt, Masken oder komplexe Überlagerungen sollten nicht ohne Abstimmung geändert werden.