WebP oder AVIF: WordPress-Bordmittel gegen Bild-Plugin abwägen

Cookbook: Ziel und Ergebnis

Format und Werkzeug werden nach messbarer Qualität, Browser-/Serverunterstützung, Arbeitsablauf und Altbestand gewählt. Ein kostenpflichtiges Plugin ist keine Voraussetzung für moderne Formate.

Rezept: Schritt für Schritt

1. In Website-Zustand bzw. PHP prüfen, ob GD/Imagick das Zielformat schreiben kann; WordPress-Version und Hostlimits beachten.
2. Zehn repräsentative Fotos, Screenshots, Logos und Transparenzen in JPEG/PNG, WebP und AVIF bei ähnlicher sichtbarer Qualität exportieren.
3. Dateigröße, Kodierzeit, Schärfe, Banding und Transparenz vergleichen. Nicht nur gleiche Qualitätszahl gegenüberstellen – Skalen sind nicht formatgleich.
4. Bordmittel wählen, wenn neue Uploads genügen. Plugin/Serverdienst nur für automatische Konvertierung, Fallback-Auslieferung, Altbestand oder redaktionellen Komfort einsetzen.

Rechenweg oder Entscheidungsregel

Ersparnis (%) = (Bytes Ausgangsformat − Bytes Zielformat) / Bytes Ausgangsformat × 100\nSpeicherbedarf ≈ Originale + alle Größen × alle zusätzlich gespeicherten Formate

Praxisbeispiel

Ein JPEG-Hero hat 420 kB, WebP 250 kB (40 % weniger), AVIF 190 kB (55 % weniger), AVIF benötigt aber viermal so lange beim Upload. Auf einem schwachen Shared Host kann WebP die robustere Wahl sein; ein CDN kann AVIF on demand erzeugen.

Prüfen, ob es funktioniert

• Content-Type stimmt mit Dateiinhalt überein.
• Fallback bzw. Original bleibt für nicht unterstützte oder problematische Clients erreichbar.
• Upload, Regeneration, Backup-Größe und CPU-Limit funktionieren.

Rollback

Automatische Konvertierung und Umschreibregeln deaktivieren, Cache/CDN purgen und Original-URLs wieder ausliefern. Zusätzliche Dateien erst löschen, wenn Referenzen und Backup geprüft sind.

Was WordPress bereits kann

WordPress unterstützt WebP seit Version 5.8. Über image_editor_output_format können neu erzeugte Untergrößen in ein anderes Format geschrieben werden, sofern GD oder ImageMagick es unterstützt. Moderne WordPress-Versionen verarbeiten weitere Formate abhängig von Server und Browserpipeline.

Wann Bordmittel reichen

Bei überschaubarem Bestand, korrekt dimensionierten Uploads und unterstütztem WebP kann ein kleines eigenes Plugin oder MU-Plugin die Formatregel setzen. Der Filter wirkt auf neu erzeugte Größen; vorhandene Dateien brauchen eine kontrollierte Regeneration. Code nicht in ein Update-gefährdetes Eltern-Theme legen.

add_filter( 'image_editor_output_format', static function ( array $formats ): array {
    $formats['image/jpeg'] = 'image/webp';
    return $formats;
} );

Wann ein Dienst/Plugin sinnvoll ist

Großer Altbestand, automatisierte Qualitätssteuerung, mehrere Fallbacks, On-the-fly-Varianten, CDN und begrenzte Server-CPU rechtfertigen eine spezialisierte Lösung. „Kostenpflichtig“ ist kein Qualitätsbeweis; Funktionsumfang, Rollback und tatsächliche Byte-Ersparnis zählen.

Risiken und Test

Animation, Transparenz, Metadaten, Bildqualität und Speicherbedarf prüfen. Originale behalten. Stichproben visuell vergleichen und Upload-/Regenerationszeit überwachen.

Quellen und Prüfstand

• WordPress: WebP und image_editor_output_format
• WordPress: Client-seitige Medienverarbeitung

Inhalt fachlich geprüft am 17. August 2026. Konkrete Werte sind Ausgangspunkte, keine Universaldosierung.