Bilder für WordPress optimieren heißt, Bildqualität, passende Abmessungen und schnelle Auslieferung gemeinsam zu betrachten. Eine scharfe Aufnahme nützt wenig, wenn sie auf dem Smartphone lange nachlädt. Eine winzige Datei hilft ebenso wenig, wenn wichtige Produktdetails verschwimmen. Für kleine und mittlere Unternehmen lohnt sich deshalb ein nachvollziehbarer Bildprozess statt einer pauschalen Komprimierung der gesamten Mediathek.
Beginnen Sie mit einer wichtigen Leistungs- oder Produktseite. So lässt sich prüfen, welche Änderung wirklich etwas verbessert. Der folgende Ablauf ist für bestehende Unternehmenswebsites gedacht. Er ersetzt keine technische Gesamtanalyse und verspricht keinen bestimmten Geschwindigkeitswert.
1. Zuerst die Aufgabe des Bildes klären
Was muss die Aufnahme zeigen? Bei einem Möbelstück können Material, Verarbeitung und Größenverhältnis entscheidend sein. Ein dekoratives Raumbild erfüllt eine andere Aufgabe als eine Nahaufnahme einer Naht. Schreiben Sie vor dem Export auf, welche Information auch auf einem kleinen Bildschirm erhalten bleiben muss. Das verhindert, dass eine technisch sparsame Datei ihren eigentlichen Zweck verliert.
Ein fiktiver Möbelbetrieb könnte für dieselbe Produktseite drei Motive wählen: den ganzen Sessel im Raum, das Gewebe aus der Nähe und ein Detail der Holzverbindung. Statt jede Aufnahme in gleicher Größe hochzuladen, plant das Team den benötigten Ausschnitt für jede Position. Der Überblick bleibt großzügig; Detailbilder öffnen sich bei Bedarf größer.
2. Pixelmaße und Dateigröße getrennt prüfen
Die Pixelmaße beschreiben Breite und Höhe, die Dateigröße den Speicherbedarf. Ein Foto kann passende Abmessungen haben und trotzdem unnötig groß gespeichert sein. Umgekehrt kann eine stark komprimierte Aufnahme zwar wenig wiegen, aber sichtbare Fehler enthalten. Notieren Sie deshalb beide Werte für Ihre Ausgangsdatei und die geplante Webfassung.
Es gibt keine einzige ideale Breite für alle Websites. Entscheidend sind die tatsächliche Darstellungsgröße, das Layout und die Pixeldichte des Geräts. Lassen Sie die Websitebetreuung prüfen, welche Bildvarianten der Browser lädt. Der Bildschirm soll eine passende Fassung erhalten, statt für jede kleine Karte das große Original herunterzuladen.
Google beschreibt dafür responsive Bilder mit mehreren Bildgrößen. Eine Variante im Bildmenü des Editors auszuwählen reicht als Kontrolle nicht immer aus: Prüfen Sie die ausgelieferte Seite, besonders bei individuellen Templates, Galerien und Hintergrundbildern.
3. Das Format am Motiv testen
Vergleichen Sie für fotografische Motive eine geeignete WebP- oder AVIF-Fassung mit Ihrer bisherigen Datei. Bewerten Sie nicht nur die Kilobytes, sondern auch feine Strukturen, Farbverläufe und Kanten. Eine einheitliche Exportvorgabe ist hilfreich; ein festes Qualitätsniveau für jedes denkbare Motiv ist dagegen oft zu grob.
WordPress unterstützt AVIF seit Version 6.5, sofern die Serverumgebung das Format verarbeiten kann. Das ist keine Zusage, dass eine bestehende Installation sämtliche vorhandenen Fotos automatisch umwandelt. Prüfen Sie Unterstützung, erzeugte Vorschaubilder und das Zusammenspiel mit Ihrer Bildoptimierung zunächst an einer Testdatei.
Bewahren Sie ein hochwertiges Original außerhalb des täglichen Veröffentlichungsablaufs auf. Für spätere Ausschnitte, Druck oder neue Formate bleibt es wertvoll. Geben Sie die Webfassung eindeutig frei, damit nicht versehentlich das große Produktionsoriginal erneut hochgeladen wird. Ein einfaches Schema wie „motiv-web-freigegeben“ kann dem Team dabei helfen.
4. Wichtige Bilder rechtzeitig laden
Das große Bild im ersten sichtbaren Seitenbereich braucht eine andere Behandlung als eine Galerie weit unten. Für das Bild, das den Largest Contentful Paint bestimmt, empfiehlt Googles Leitfaden zur LCP-Optimierung, auf Lazy Loading zu verzichten. Eine passende Ladepriorität kann ebenfalls relevant sein. Diese Einstellung sollte gezielt erfolgen und nicht pauschal für alle Bilder.
Bitten Sie Ihre Betreuung, das tatsächlich wichtige Element zu identifizieren. Vielleicht verzögert auf der gewählten Seite ein Slider, ein Skript oder die Serverantwort den Aufbau. Dann löst ein neues Dateiformat nur einen Teil des Problems. Halten Sie Beobachtung und Vermutung getrennt: „Das Titelbild erscheint spät“ ist zunächst ein Befund, noch keine bestätigte Ursache.
5. Bildbeschreibung und Umgebung sinnvoll gestalten
Verwenden Sie kurze, erkennbare Dateinamen und beschreiben Sie informative Bilder mit einem passenden Alt-Text. Für das Möbelbeispiel wäre „Sessel aus Eichenholz mit burgunderrotem Stoffbezug“ nützlicher als eine Folge von Verkaufskeywords. Der Alt-Text soll das Motiv im jeweiligen Zusammenhang verständlich machen. Googles Bildempfehlungen erläutern außerdem, warum passende Umgebungstexte und regulär eingebundene Bildelemente wichtig sind.
Das Bild selbst sollte keine wichtigen Angaben enthalten, die ausschließlich dort lesbar sind. Produktmaße, Angebotsbedingungen oder entscheidende Handlungsschritte gehören zusätzlich in den Seitentext. Prüfen Sie bei jedem Beschnitt, ob Bildunterschriften, Motive und die benachbarte Überschrift noch zusammenpassen.
6. Mit einer klaren Abnahme abschließen
- Ansicht: Ist das Motiv auf Desktop und Smartphone vollständig sinnvoll erkennbar?
- Qualität: Bleiben Texturen und feine Kanten in der vorgesehenen Größe sauber?
- Auslieferung: Lädt die Seite passende Varianten und das wichtige Titelbild rechtzeitig?
- Inhalt: Stimmen Alt-Text, Bildausschnitt und begleitende Beschreibung?
- Dokumentation: Sind Ausgangswert, Änderung und Ergebnis unter vergleichbaren Bedingungen festgehalten?
Vergleichen Sie dieselbe Seite unter möglichst gleichen Bedingungen mehrfach. Ein einzelner Testlauf kann schwanken. Entfernen Sie alte Dateien erst, wenn geklärt ist, wo sie noch verwendet werden. Für laufende technische Pflege hilft ergänzend unser Leitfaden zur WordPress-Wartung mit Backups und Funktionstests.
Gute Ausgangsaufnahmen bleiben wichtig; praktische Hinweise finden Sie im Beitrag Produktfotos mit dem Smartphone erstellen. Wenn Bildsprache, Seitenaufbau und Technik zusammen geplant werden sollen, unterstützen wir Sie bei der Entwicklung Ihrer Unternehmenswebsite.