WebP in WordPress: Bilder optimieren und Ladezeit verkürzen

Ein großes Foto kann eine ansonsten schlanke Website ausbremsen. WebP hilft dabei, die übertragene Bildmenge zu reduzieren. Entscheidend ist aber der gesamte Weg vom Original bis zum Browser: passende Abmessungen, vernünftige Komprimierung und eine Auslieferung, die tatsächlich funktioniert.

In diesem Ratgeber erfährst du, wie du WebP in WordPress einsetzt, welche Aufgaben ein Plugin übernimmt und wie du typische Fehler erkennst. Du brauchst dafür weder eine neue Website noch einen kompletten Austausch deiner Mediathek.

Was WebP bei deinen Bildern verändert

WebP ist ein Bildformat für das Web. Es unterstützt verlustbehaftete und verlustfreie Komprimierung sowie transparente Bildbereiche. Bei vielen Fotos lässt sich damit eine kleinere Datei erzeugen als mit JPEG bei vergleichbarer sichtbarer Qualität. Wie groß der Unterschied ausfällt, hängt vom Motiv und den gewählten Export-Einstellungen ab. Hintergrund und technische Details erklärt die WebP-Dokumentation von Google.

Für deine Besucher zählt, wie viel der Browser herunterladen muss. Ein kleineres Bild kann schneller verfügbar sein, vor allem unterwegs. WebP behebt allerdings keine langsamen Datenbankabfragen und macht ein überladenes Theme nicht automatisch schnell. Es ist ein sinnvoller Baustein der Ladezeitoptimierung.

Braucht WordPress für WebP ein Plugin?

Für das Hochladen fertiger WebP-Dateien grundsätzlich nicht: WordPress unterstützt WebP seit Version 5.8. Damit WordPress daraus die üblichen kleineren Bildgrößen erzeugen kann, muss auch die Bildverarbeitung des Servers WebP unterstützen.

Das ist von einer automatischen Umwandlung zu unterscheiden. Vorhandene JPEG- und PNG-Dateien werden durch die reine Formatunterstützung nicht nachträglich konvertiert. Dafür brauchst du einen eigenen Export, ein geeignetes Optimierungswerkzeug oder einen Bilddienst.

Weg 1: WebP vor dem Upload erstellen

Wenn du nur gelegentlich neue Bilder veröffentlichst, ist ein manueller Export gut überschaubar. Schneide das Original passend zu, verkleinere es für die geplante Darstellung und exportiere eine WebP-Version. Lade diese anschließend über die WordPress-Mediathek hoch und füge sie wie ein normales Bild ein.

Bewahre das hochwertige Original außerhalb der Website auf. Eine bereits stark komprimierte Datei mehrfach neu zu speichern, kann sichtbare Qualitätsverluste erzeugen. Für spätere Ausschnitte oder andere Formate ist das Original die bessere Grundlage.

Weg 2: Die Verarbeitung beim Upload automatisieren

Bei regelmäßigen Veröffentlichungen lohnt sich ein automatischer Ablauf. Das Plugin Modern Image Formats vom WordPress Performance Team kann für neue Uploads moderne Bildgrößen erzeugen. Es bevorzugt standardmäßig AVIF, sofern der Server es unterstützt, und verwendet andernfalls WebP. Wenn beide verfügbar sind, lässt sich das Ausgabeformat unter „Einstellungen → Medien“ wählen.

Wichtig für bestehende Websites: Alte Bilder werden dabei nicht allein durch die Aktivierung umgewandelt. Dafür müssen die betreffenden Bildgrößen neu erzeugt werden. Prüfe außerdem, ob dein Hosting oder ein bereits eingesetzter Bildoptimierer diese Aufgabe schon übernimmt. Ein zweites System kann unnötige Varianten und widersprüchliche Einstellungen erzeugen.

Weg 3: Eine große Mediathek schrittweise optimieren

Bei vielen bestehenden Bildern ist eine Stapelverarbeitung meist praktischer. Prüfe vor der Auswahl eines Werkzeugs, ob es vorhandene Bilder und deren Vorschaubildgrößen verarbeitet, Originale erhält und die neuen Dateien auch ausliefert. Bei externen Diensten gehören Kontingente, Kosten und die Übertragung der Bilder an den Anbieter in die Entscheidung.

Beginne mit einer Testseite und einer kleinen Auswahl typischer Motive. Erst wenn Fotos, transparente Grafiken und Vorschaubilder korrekt aussehen, solltest du den übrigen Bestand verarbeiten. Ein aktuelles WordPress-Backup hilft dir, Änderungen bei Bedarf zurückzunehmen.

Vier WebP-Plugins im Vergleich: Funktionen und Kosten

Für die automatische Erstellung von WebP-Bildern kommen unterschiedliche Ansätze infrage: lokale Verarbeitung auf deinem Hosting oder Optimierung über einen externen Dienst. Die folgende Übersicht vergleicht Herstellerangaben und Kostenmodelle. Sie ist kein eigener Kompressionstest; eine pauschale Rangliste nach Bildqualität wäre ohne dieselben Testbilder und Einstellungen nicht belastbar.

Preisstand: 4. November 2026. Bezahlpreise sind in US-Dollar angegeben; je nach Anbieter und Land können Steuern hinzukommen. Monatszahlung und auf den Monat umgerechnete Jahresabos sind getrennt ausgewiesen. Aktionspreise und spätere Tarifänderungen sind möglich.

Plugin	Was kann es?	Kosten und Grenzen	Wichtige Eigenschaften
ShortPixel Image Optimizer	JPEG/PNG optimieren, WebP und AVIF erzeugen; neue Uploads automatisch und vorhandene Bilder gesammelt verarbeiten. Mehrere Komprimierungsmodi: Lossy, Glossy und Lossless.	Kostenlos: 100 Credits pro Monat. Der Hersteller nennt für Unlimited 9,99 US-Dollar/Monat; Abrechnungszeitraum und Bedingungen im aktuellen Tarif prüfen. Einmalige Credit-Pakete sind ebenfalls erhältlich.	Cloud-Verarbeitung mit Konto und API-Schlüssel. Vorschaubilder können zusätzliche Credits verbrauchen: 100 Credits sind deshalb nicht automatisch 100 Uploads. Einzelne Bildgrößen lassen sich gezielt ein- oder ausschließen.
Imagify	Bilder komprimieren und verkleinern, WebP/AVIF erzeugen; automatische Verarbeitung und Stapeloptimierung.	Gratis: 20 MB/Monat, maximal 2 MB pro Bild. Growth: 500 MB/Monat für 5,99 US-Dollar bei Monatszahlung oder 4,99 US-Dollar/Monat bei Jahreszahlung. Infinite: 11,99 bzw. 9,99 US-Dollar/Monat bei Jahreszahlung.	Cloud-Dienst mit Konto/API-Schlüssel. Das Kontingent wird nach Datenmenge statt nur nach Bildanzahl bemessen. Growth berechnet zusätzliche GB laut Preisliste mit 5 US-Dollar. Anzahl und Größe deiner Bilder sind für die Tarifwahl entscheidend.
EWWW Image Optimizer	Kostenlose Bildoptimierung und WebP-Konvertierung; lokale Verarbeitung möglich. Das kostenpflichtige Easy-IO-Angebot ergänzt ein Bild-CDN mit automatischer WebP-/AVIF-Auslieferung.	Basisplugin kostenlos, ohne mengenbasiertes Bildkontingent. Standard-Komplettpaket laut Preisliste: 8 US-Dollar/Monat oder 80 US-Dollar/Jahr, mit 50 GB CDN-Bandbreite pro Monat und begrenztem Premium-API-Kontingent.	Für lokale Verarbeitung muss das Hosting die benötigten Werkzeuge zulassen. Bei inkompatiblem Server bietet der Hersteller für bestimmte Funktionen einen API-Weg an. Kostenloses Plugin, Compress API und Easy IO sind unterschiedliche Leistungsumfänge.
Modern Image Formats	Erzeugt moderne Bildgrößen für neue JPEG-/PNG-Uploads. AVIF wird bevorzugt, wenn der Server es unterstützt; andernfalls WebP. Bei Unterstützung beider Formate ist WebP gezielt auswählbar.	Kostenlos. Kein kostenpflichtiges Plugin-Abo und kein Cloud-Credit-Kontingent; Verarbeitung und zusätzlicher Speicher fallen auf deinem Hosting an.	Vom WordPress Performance Team. Nutzt die Bildverarbeitung des Servers. Bestehende Bilder benötigen eine Neuerzeugung der Bildgrößen. Standardmäßig bleibt das hochgeladene JPEG-/PNG-Original bestehen; die kleineren Varianten erhalten das moderne Format.

Hersteller und Funktionsbeschreibungen: ShortPixel Image Optimizer und ShortPixel-Tarife, Imagify-Tarife und Funktionen, EWWW-Basisplugin und EWWW-Pakete sowie Modern Image Formats.

Welches Plugin passt zu deiner Website?

Für neue Uploads ohne laufende Plugin-Kosten: Modern Image Formats ist eine passende erste Option, wenn dein Hosting WebP unterstützt und du vor allem künftig kleinere Bildvarianten erzeugen möchtest. Für den Altbestand musst du die Neuerzeugung einplanen; das Plugin ersetzt keine vollständige Prüfung der bereits eingebundenen Bilder.

Für viele Einstellmöglichkeiten bei externer Optimierung: ShortPixel ist interessant, wenn du Komprimierungsarten und Vorschaubildgrößen gezielt steuern möchtest. Für eine einmalige Aufarbeitung der Mediathek kann ein Credit-Paket praktischer sein als ein dauerhaftes Abo. Berechne vorher, wie viele Bildvarianten tatsächlich verarbeitet werden.

Für ein nach Datenmenge kalkulierbares Cloud-Angebot: Imagify bietet eine übersichtliche Tarifabstufung nach MB. Wenige sehr große Fotos können das kostenlose Kontingent schneller verbrauchen als viele kleine Grafiken. Verkleinere unnötig große Ausgangsbilder deshalb vor der Verarbeitung.

Für lokale Optimierung mit optionalem CDN: EWWW ist eine mögliche Wahl, wenn du zunächst auf dem eigenen Server arbeiten und später einen Bilddienst ergänzen möchtest. Prüfe die Hosting-Voraussetzungen und vergleiche bei Easy IO die Bandbreite mit deinem tatsächlichen Bildtraffic.

Darauf solltest du vor der Entscheidung achten

• Erstellen und Ausliefern unterscheiden: Eine erzeugte WebP-Datei allein reicht nicht. Prüfe auch die Auslieferung auf der Website und die verwendeten Vorschaubilder.
• Kosten richtig zählen: Bild-Credits, verarbeitete Megabytes und CDN-Bandbreite sind verschiedene Größen. Ein Foto mit vielen Vorschaubildern kann mehr Aufwand erzeugen als ein einzelner Upload vermuten lässt.
• Originale sichern: Prüfe Backup- und Wiederherstellungsfunktionen und sichere die Mediathek vor einer größeren Stapelverarbeitung.
• Verarbeitungsort beachten: Cloud-Optimierer übertragen Bilder an den Anbieter. Lokale Verarbeitung benötigt dafür Ressourcen und passende Bildbibliotheken auf deinem Hosting.
• Ein System auswählen: Aktiviere für dieselben Bilder einen klar definierten Ablauf. Mehrere Konverter parallel erschweren die Fehlersuche und können zusätzliche Dateien erzeugen.

Vor der Konvertierung: die Bildgröße passend wählen

Ein Foto mit mehreren Tausend Pixeln Breite bleibt unnötig groß, wenn es nur in einer kleinen Beitragskarte erscheint. Lege deshalb zuerst fest, wie breit das Bild tatsächlich dargestellt wird. Für hochauflösende Displays kann eine größere Quelldatei sinnvoll sein; trotzdem sollte nicht jedes Gerät dieselbe riesige Datei erhalten.

Nutze nach Möglichkeit Bilder aus der Mediathek und die passende Bildgröße des Editors. WordPress kann dann mehrere Varianten über das HTML-Attribut srcset anbieten. Der Browser wählt anhand der verfügbaren Angaben und seiner Darstellung eine geeignete Datei. Bei Bildern, die ein Theme als CSS-Hintergrund einbindet, greift dieser Mechanismus nicht automatisch.

Kontrolliere das Ergebnis in der vorgesehenen Anzeigegröße. Achte besonders auf Schrift in Screenshots, feine Kanten, Hauttöne und ruhige Farbverläufe. Eine kleinere Datei ist nur dann ein Gewinn, wenn sie den Inhalt noch sauber vermittelt. Eine feste Qualitätszahl oder Kilobyte-Grenze passt deshalb nicht zu jedem Bild.

So prüfst du, ob wirklich WebP ausgeliefert wird

Die Meldung „Optimierung abgeschlossen“ sagt noch nicht, welche Datei beim Besucher ankommt. Prüfe deshalb eine echte Seite im Browser. Ein privates Fenster vermeidet zumindest Einflüsse deiner normalen Sitzung; ein vorgeschalteter Seiten- oder CDN-Cache kann trotzdem aktiv sein.

• Öffne die Entwicklerwerkzeuge und wechsle zum Netzwerkbereich, häufig „Network“ genannt.
• Deaktiviere dort für den Test den Browser-Cache und lade die Seite neu.
• Filtere nach Bildern und wähle die Anfrage des gewünschten Motivs aus.
• Prüfe in den Antwort-Headern den Eintrag Content-Type. Für WebP sollte dort image/webp stehen.
• Vergleiche die übertragene Größe und kontrolliere das Bild zusätzlich auf dem Smartphone.

Verlasse dich nicht ausschließlich auf die Dateiendung. Ein Server oder Bilddienst kann unter einer Adresse mit „.jpg“ eine WebP-Datei liefern. Umgekehrt beweist eine erzeugte WebP-Datei in der Mediathek noch nicht, dass die Seite auf sie verweist. Maßgeblich ist die tatsächliche Antwort auf die Bildanfrage.

Wenn Bilder weiterhin als JPEG oder PNG ankommen

Die neue Datei existiert, wird aber nicht verwendet

Manche Werkzeuge erzeugen zusätzliche Formate, benötigen jedoch eine gesonderte Einstellung für deren Auslieferung. Prüfe, ob die Umschaltung über HTML, Serverregeln oder einen Bilddienst erfolgt. Wähle die Methode passend zu deinem Hosting und zur Dokumentation deines Werkzeugs. Apache-Regeln lassen sich beispielsweise nicht unverändert auf einen Nginx-Server übertragen.

Nur einige Bildgrößen wurden verarbeitet

Ein Beitragsbild kann korrekt umgewandelt sein, während eine Karte noch eine ältere Vorschau verwendet. Kontrolliere deshalb die konkrete Anfrage im Netzwerkbereich und die Einträge in srcset. Für eine vollständige Umstellung müssen die tatsächlich verwendeten Varianten berücksichtigt werden.

Ein Cache liefert den vorherigen Stand

Leere nach der Umstellung die beteiligten Seiten- und Bild-Caches. Dazu können WordPress, Hosting und CDN gehören. Wenn derselbe Bild-URL je nach Browser unterschiedliche Formate zugeordnet werden, muss auch der Cache diese Auslieferungslogik unterstützen. Folge hierfür den Hinweisen deines Bilddienstes oder Hosters.

Das Bild steckt im Theme oder auf einem fremden Server

Eine Optimierung der Mediathek erfasst nicht zwangsläufig Hintergrundbilder aus Theme-Dateien oder extern eingebundene Motive. Ermittle zuerst die Quelle des Bildes. Danach lässt sich entscheiden, ob du es im Layout ersetzen oder die Verarbeitung an anderer Stelle konfigurieren musst.

WebP, AVIF oder das bisherige Format?

WebP ist eine praktikable Wahl für viele Website-Bilder. AVIF ist eine weitere Option, die sich mit typischen Motiven vergleichen lässt. WordPress unterstützt AVIF seit Version 6.5, ebenfalls abhängig von der Bildverarbeitung beim Hosting. Entscheide nach sichtbarer Qualität, Dateigröße und dem Aufwand in deinem bestehenden System.

Du musst nicht jede Datei zwanghaft ersetzen. Für ein bereits kleines Bild kann der zusätzliche Nutzen gering sein. Bei Logos und einfachen Symbolen ist häufig eine geeignete Vektorgrafik sinnvoll. Screenshots mit kleiner Schrift sollten auch nach der Komprimierung gut lesbar bleiben. Vergleiche das konkrete Ergebnis, statt nur dem Namen des Formats zu folgen.

Ein verlässlicher Ablauf für neue Beiträge

Am meisten bringt ein Ablauf, den du bei jedem Beitrag wiederholen kannst: Original sichern, Bildausschnitt festlegen, Abmessungen begrenzen, WebP exportieren oder automatisch erzeugen lassen und die veröffentlichte Seite prüfen. Ergänze einen sinnvollen Alternativtext, wenn das Bild Informationen vermittelt. Rein dekorative Motive brauchen keinen beschreibenden Text für Screenreader.

Beginne bei bestehenden Websites mit großen, häufig aufgerufenen Bildern wie dem Einstiegsbild der Startseite oder wichtigen Produktfotos. Prüfe danach dieselbe Seite unter vergleichbaren Bedingungen erneut. So erkennst du, ob weniger Bilddaten übertragen werden, und vermeidest eine große Umstellung ohne nachvollziehbaren Effekt.

Du möchtest Bildoptimierung und technische Pflege zusammen angehen? Bei unserer WordPress-Wartung können wir gemeinsam prüfen, welcher Ablauf zu deiner Website passt und an welchen Stellen die Ladezeit noch gebremst wird.