Moderne Bildformate in WordPress
Schnellere Ladezeiten mit AVIF und WebP in WordPress (*)
Bilder sind meist der größte Posten beim Datenvolumen einer Website. Mit den modernen Formaten AVIF und WebP kannst du das ordentlich reduzieren – bei gleichbleibender oder sogar besserer Bildqualität. Das offizielle Plugin „Modern Image Formats“ vom WordPress (*) Performance Team (früher „WebP Uploads“) nimmt dir die Umwandlung komplett ab.
Was passiert beim Hochladen?
Lädst du ein JPEG oder PNG hoch, erzeugt das Plugin automatisch alle benötigten Bildgrößen (Thumbnail, Medium, Large usw.) im modernen Format – standardmäßig AVIF, sofern dein Server das über ImageMagick oder GD unterstützt. AVIF liefert die beste Kompression. Ist AVIF nicht verfügbar, springt WebP ein. Beide Formate werden heute von so gut wie allen aktuellen Browsern verstanden.
Ein wichtiges Detail: Das Original bleibt immer als JPEG oder PNG erhalten – für Downloads, Export oder Druck. Nur die zusätzlich erzeugten Untergrößen wandelt das Plugin um. Und noch etwas Praktisches: Ist eine Umwandlung im Einzelfall gar nicht sinnvoll – etwa weil das Original schon kleiner wäre als die AVIF/WebP-Version – lässt das Plugin die Datei einfach unangetastet.
Bei der Dateigröße kannst du realistisch mit einer Ersparnis von etwa 30–50 % rechnen, bei AVIF teilweise auch mehr. Das wirkt sich direkt auf Ladezeit, Core Web Vitals und damit auch auf dein Ranking in Suchmaschinen aus.
Einstellungen unter „Medien“
Unter Einstellungen → Medien siehst du, welche Formate dein Server unterstützt, und kannst bei Bedarf die bevorzugte Ausgabe wählen.
- Standard (für die meisten Seiten empfehlenswert): Es werden nur die modernen Formate für die Untergrößen erzeugt – maximale Ersparnis bei Speicherplatz und Ladezeit.
- Option „Fallback-Bilder ausgeben“: Aktivierst du diese, erzeugt das Plugin zusätzlich JPEG-/PNG-Versionen jeder Untergröße. Sinnvoll, wenn ältere Browser oder bestimmte Themes/Plugins zwingend klassische Formate brauchen. Das kostet mehr Speicherplatz und gilt nur für Uploads nach der Aktivierung.
Bestehende Bilder nachträglich umwandeln
Bereits hochgeladene Bilder wandelt das Plugin nicht automatisch um. Dafür musst du die Vorschaubilder neu generieren lassen:
- über das Plugin „Regenerate Thumbnails“ (Werkzeuge → Vorschaubilder), oder
- per WP-CLI, besonders praktisch bei großen Mediatheken:
wp media regenerate
Danach stehen auch deine älteren Bilder in AVIF oder WebP bereit.
Für wen lohnt sich was?
- Blog, News-Seite, Portfolio: Standardeinstellung ohne Fallback – schnellste Ladezeiten, geringster Speicherverbrauch.
- Onlineshop mit gemischtem Publikum: Fallback aktivieren – maximale Kompatibilität, moderne Browser profitieren trotzdem vom kleineren Format.
- Relaunch oder Migration: Plugin installieren, Vorschaubilder neu generieren – dein bestehender Bildbestand wird modernisiert, ohne dass du etwas neu hochladen musst.
- Download- oder Print-Angebote: Originale bleiben unverändert erhalten, im Frontend liefert die Seite trotzdem die schlanken modernen Varianten aus.
Kurz-Tipp zum Schluss
Prüfe nach der Installation, welche Formate dein Server unterstützt, und teste die Ladezeit z. B. mit PageSpeed Insights. Bei aktiviertem Fallback solltest du den zusätzlichen Speicherbedarf im Blick behalten. Das Plugin arbeitet komplett serverseitig, fügt sich nahtlos in deine Mediathek ein und braucht kein zusätzliches CDN.
Mit diesen wenigen Handgriffen machst du deine Website spürbar schneller und zukunftssicherer – ohne dass du bei Qualität oder Verfügbarkeit deiner Originalbilder Abstriche machen musst.
(*) Hinweis: Hinter einigen Links stehen Affiliate-Programme. Für Sie bleibt der Preis exakt derselbe, wir erhalten jedoch eine kleine Provision, die wir direkt in unsere kommenden Recherchen investieren. Vielen Dank, dass Sie unsere Arbeit auf diese Weise unterstützen!
Views: 12
NEWSLETTER
Keine Lust auf vollgemüllte Postfächer und belanglosen Mail-Spam? Verständlich. Genau deshalb liefert dir dieser Newsletter einmal pro Woche nur das, was dich wirklich weiterbringt – kompakt, verständlich und direkt anwendbar.
