Lohnt sich WebP im Jahr 2026 noch?
Da die Unterstützung mittlerweile universell ist, stellt sich nicht mehr die Frage, ob man WebP nutzen kann, sondern ob AVIF es überflüssig gemacht hat.
Ja, WebP lohnt sich auch im Jahr 2026 noch und bleibt die sicherste Standardwahl für Bilder auf einer Website. Die Browser-Unterstützung ist universell, die Dateien sind bei vergleichbarer Qualität 25 bis 35 Prozent kleiner als JPEG, und das AV1 Image File Format (AVIF) hat es nicht verdrängt.
Der alte Einwand gegen WebP war die Browser-Unterstützung, und dieses Argument ist vom Tisch. Chrome, Firefox, Safari und Edge unterstützen das Format sowohl auf dem Desktop als auch auf Mobilgeräten. Die spannende Frage ist nun, ob AVIF WebP überflüssig gemacht hat – die Antwort lautet: noch nicht, und wahrscheinlich auch nicht vollständig.
Wie viel kleiner WebP tatsächlich ist
WebP spart bei vergleichbarer visueller Qualität typischerweise 25 bis 35 Prozent gegenüber JPEG und 20 bis 30 Prozent gegenüber PNG ein. Die Ersparnis ist bei Fotos mit weichen Verläufen und bei Grafiken mit flächigen Farben am größten.
| Bildtyp | Originalformat | Als WebP | Ersparnis |
|---|---|---|---|
| Produktfoto | JPEG 420 KB | 290 KB | 31 Prozent |
| Hero-Banner | JPEG 850 KB | 560 KB | 34 Prozent |
| Logo mit Transparenz | PNG 84 KB | 31 KB | 63 Prozent |
| Screenshot mit Text | PNG 210 KB | 148 KB | 30 Prozent |
| Kleines Icon unter 5 KB | PNG 3 KB | 3,4 KB | Größer |
Die letzte Zeile zeigt den einzigen Fall, in dem WebP verliert. Unterhalb von etwa 5 KB überwiegt der Format-Overhead den Komprimierungsvorteil, weshalb kleine Icons oft besser als PNG belassen oder durch Vektorgrafiken ersetzt werden.
WebP im Vergleich zu AVIF
AVIF komprimiert große Fotos etwa 20 bis 30 Prozent stärker als WebP, kodiert jedoch weitaus langsamer und ist unterhalb von ca. 10 KB oft größer. Die beiden Formate eignen sich für unterschiedliche Bildtypen, anstatt sich gegenseitig zu ersetzen.
AVIF bringt mehr Container-Overhead mit sich, weshalb es bei großen Fotos deutlich gewinnt und bei kleinen Grafiken verliert. Die Kodierungszeit ist der andere Aspekt, da AVIF pro Bild um ein Vielfaches länger dauern kann. Bei einem Stapel von 500 Dateien misst man diesen Unterschied eher in Minuten als in Sekunden, was eine Rolle spielt, wenn eine Mediathek wiederholt konvertiert wird.
Welches Format wo verwendet werden sollte
- Hero-Bilder und große Fotos. AVIF, da hier der Komprimierungsvorteil am größten ist.
- Allgemeine Website-Bilder. WebP, da es schnell zu kodieren ist und universell unterstützt wird.
- Logos und Grafiken mit Transparenz. WebP, das PNG deutlich schlägt.
- Icons unter 5 KB. PNG oder Vektorgrafiken, da beide modernen Formate zusätzlichen Overhead verursachen.
- Alles, was heruntergeladen oder per E-Mail versendet wird. JPEG oder PNG, da die Unterstützung außerhalb von Browsern noch gering ist.
Was WebP kann, was JPEG nicht kann
WebP unterstützt gleichzeitig Transparenz und verlustbehaftete Komprimierung, was weder JPEG noch PNG bieten können. Diese Kombination ist äußerst nützlich und wird leicht übersehen.
Ein Produktfoto mit transparentem Hintergrund zwang früher zur Wahl zwischen einem schweren PNG und einem JPEG mit einem weißen Kasten dahinter. WebP macht diese Entscheidung überflüssig. Das Format unterstützt zudem Animationen, was es zu einem direkten Ersatz für animierte GIFs bei einem Bruchteil der Dateigröße macht.
Wo WebP immer noch Probleme verursacht
WebP scheitert außerhalb von Browsern, in E-Mail-Clients, Upload-Formularen, Druck-Workflows und älterer Design-Software. Die Browser-Unterstützung hat das Web-Problem gelöst, aber alles andere unverändert gelassen.
Der häufigste Fehlerfall ist eine Pressemappe, bei der ein Journalist ein WebP-Logo herunterlädt und es nicht in seiner Layout-Software platzieren kann. Behördenportale sind das zweite Problem, da sie das Format oft komplett ablehnen. Entscheiden Sie nach dem Verwendungszweck und nicht nach Tabellen zur Browser-Unterstützung, da die Browser-Frage vor Jahren geklärt wurde, andere Fragen jedoch nicht.
Wie man eine Website auf WebP umstellt
Um eine Website ohne Komplikationen auf WebP umzustellen, folgen Sie diesen 6 Schritten.
- Listen Sie die Bilder auf, die Ihre Seiten tatsächlich referenzieren, da sich in den meisten Mediatheken Dateien ansammeln, auf die nichts mehr verlinkt.
- Ändern Sie vor der Konvertierung die Größe jedes Bildes auf seine tatsächliche Anzeigebreite (verdoppelt für hochauflösende Bildschirme).
- Konvertieren Sie in WebP mit einer Qualität von 80. An diesem Punkt ist die Datei klein und der Qualitätsverlust bleibt unsichtbar.
- Behalten Sie die originalen JPEG- oder PNG-Dateien als Fallback, anstatt sie zu löschen.
- Stellen Sie beide über ein picture-Element bereit, mit WebP an erster Stelle und dem Original im img-Tag.
- Überprüfen Sie die Seiten auf einem Smartphone und einem Desktop-Browser, bevor Sie etwas entfernen.
Die meisten Content-Management-Systeme generieren dieses Markup mittlerweile automatisch beim Upload. Prüfen Sie also, was Ihre Plattform bereits tut, bevor Sie es von Hand schreiben. Das Konvertieren der Bilder dauert Minuten, während das Umschreiben von Templates länger dauert.
Welche Qualitätseinstellung zu verwenden ist
Qualität 80 ist der richtige Standardwert für WebP, da das Format Details bei gleicher Zahl besser beibehält als JPEG. Eine WebP-Datei mit Qualität 80 sieht vergleichbar aus wie ein JPEG mit 85 oder höher.
Unterhalb von 70 macht sich der Verlust auf Gesichtern und in weichen Verläufen bemerkbar, insbesondere bei großen Bildern. Ab einer Qualität von über 90 wächst die Datei stark an, während der sichtbare Gewinn völlig ausbleibt. Testen Sie ein repräsentatives Bild mit 3 Einstellungen, bevor Sie einen ganzen Stapel verarbeiten, da der richtige Wert von der Art der Bilder abhängt, die Sie veröffentlichen.
Hilft WebP beim Suchmaschinen-Ranking?
WebP hilft indirekt, indem es die Ladezeit der Seite verbessert, was ein Ranking-Faktor ist, und nicht, weil Suchmaschinen das Format selbst bevorzugen. Keine Suchmaschine belohnt eine Dateiendung.
Der weg führt über die Core Web Vitals, wo der Messwert für den Largest Contentful Paint meist von einem einzigen Hero-Bild bestimmt wird. Dieses Bild um ein Drittel zu verkleinern, verbessert den Messwert direkt. Lighthouse gibt zudem die Warnung „Bilder in modernen Formaten bereitstellen“ aus, die durch WebP oder AVIF behoben wird und zu den einfacher zu lösenden Prüfungen gehört.
Lohnt es sich, eine bestehende Mediathek zu konvertieren?
Konvertieren Sie, wenn Bilder den Großteil des Gewichts Ihrer Seite ausmachen, was auf fast jede Content-Website und jeden Online-Shop zutrifft. Überspringen Sie es, wenn Ihre Seiten bereits leicht sind oder Sie nur wenige und kleine Bilder haben.
Prüfen Sie dies vor der Entscheidung. Öffnen Sie die Entwicklertools, wechseln Sie zum Reiter „Netzwerk“, filtern Sie nach Bildern und laden Sie eine typische Seite neu. Wenn die Bilder insgesamt mehr als 1 MB ausmachen, wird die Konvertierung eine sichtbare Verbesserung bringen. Wenn sie insgesamt 200 KB groß sind, ist der Aufwand an anderer Stelle der Seite besser investiert.
Verlustbehaftetes und verlustfreies WebP sind unterschiedliche Modi
WebP verfügt über 2 separate Komprimierungsmodi, und die Wahl des falschen Modus führt zu einer Datei, die größer als das Original ist. Der verlustbehaftete Modus eignet sich für Fotos, während der verlustfreie Modus für Screenshots, Logos und flache Grafiken geeignet ist.
Die meisten Tools wählen den Modus anhand der Qualitätseinstellung aus, wobei bei Qualität 100 verlustfrei und darunter verlustbehaftet angewendet wird. Dieser Standardwert funktioniert bei Fotos, scheitert jedoch bei Grafiken, wo ein verlustbehaftetes WebP eines Screenshots unschöne Ränder (Halos) um Text erzeugt und gleichzeitig mehr wiegt als die verlustfreie Version. Prüfen Sie, welchen Modus Ihr Tool verwendet hat, wann immer eine konvertierte Grafik größer ist als das ersetzte PNG.
Häufige Fehler bei der Einführung von WebP
- Konvertieren ohne vorherige Größenänderung. Die Abmessungen bestimmen den Großteil der Dateigröße, daher ist ein WebP mit 4000 Pixeln immer noch zu schwer.
- Löschen der Originale. Behalten Sie sie, da sowohl Fallbacks als auch zukünftige Re-Exporte eine verlustfreie Quelle benötigen.
- Konvertieren eines bereits komprimierten JPEGs. Das Ergebnis weist zwei Generationen von Qualitätsverlust auf statt nur einer.
- Verwendung von WebP für herunterladbare Dateien. Pressemappen, Vorlagen und Druckdateien sollten JPEG oder PNG bleiben.
- Konvertieren winziger Icons. Unterhalb von 5 KB macht der Format-Overhead die Dateien eher größer als kleiner.
Eine Mediathek in einem Durchgang konvertieren
Konvertieren Sie direkt aus dem Originalformat, anstatt Dateien über ein Zwischenformat umzuleiten, da jeder verlustbehaftete Schritt Details verwirft. Der weg von HEIC über JPEG zu WebP kostet 2 Generationen von Qualitätsverlust, wo 1 ausreichen würde.
Ziehen Sie bis zu 500 Dateien auf einmal hinein oder ziehen Sie ein ZIP-Archiv direkt hinein, und jedes unterstützte Bild wird in einem einzigen Durchgang konvertiert. Die Arbeit läuft in Ihrem Browser auf Ihrem eigenen Prozessor ab, sodass eine vollständige Website-Migration stattfindet, ohne dass eine Datei einen Server erreicht. Für Agenturen, die Kundenmediatheken unter Vertrag verwalten, beseitigt dies ein Datenschutzproblem, anstatt es nur zu verringern.