Was ist WebP? WebP vs. PNG vs. JPG und wann es sich lohnt

Was ist WebP? Kurz gesagt: ein Bildformat, das Google entwickelt und 2010 vorgestellt hat. Eine WebP-Datei (.webp) speichert ein Bild entweder verlustbehaftet, auf Basis des Videocodecs VP8, oder verlustfrei, und beide Modi unterstützen Alpha-Transparenz und Animation. Der Zweck ist einfach: kleinere Dateien als JPG, PNG oder GIF bei ähnlicher Bildqualität.

Kostenlos ausprobieren: Bild zu WebP Kostenlos und ohne Anmeldung nutzbar.

Deshalb ist WebP auf vielen Websites das Standardformat, und deshalb landen heute .webp-Dateien auf Ihrem Rechner, wenn Sie Bilder aus dem Web speichern. Dieser Leitfaden erklärt, was eine WebP-Datei ist, wie WebP vs. PNG und WebP vs. JPG wirklich abschneiden, wann WebP die falsche Wahl ist und wie Sie WebP öffnen und umwandeln. Um ein PNG oder JPG sofort in WebP umzuwandeln, nutzen Sie den kostenlosen Bild-zu-WebP-Konverter, der direkt in Ihrem Browser läuft.

Was ist WebP? So funktioniert das Format

Eine WebP-Datei ist ein kleiner Container (auf Basis von RIFF, derselben Struktur, die auch WAV-Audiodateien verwenden), der eine von zwei Arten von Bilddaten enthält:

Beide Modi können einen Alphakanal für Transparenz enthalten, und eine WebP-Datei kann mehrere Frames mit Zeitangaben enthalten. Das ergibt ein animiertes WebP, einen kleineren Ersatz für animierte GIFs. Ein WebP-Bild kann bis zu 16.383 × 16.383 Pixel groß sein.

WebP ist auch außerhalb von Google dokumentiert: RFC 9649, im November 2024 von der IETF veröffentlicht, beschreibt das Format und registriert den Medientyp image/webp, den Server im Content-Type-Header senden.

Wie viel kleiner sind WebP-Dateien?

Googles WebP-Dokumentation nennt aus eigenen Tests diese Werte:

Das sind Durchschnittswerte, keine Garantien. Auf reale Zahlen übertragen, wäre ein PNG-Screenshot mit 200 KB als verlustfreies WebP etwa 148 KB groß (200 × 0,74), und ein JPEG-Foto mit 500 KB käme als verlustbehaftetes WebP auf etwa 330 bis 375 KB. Bei einer Seite mit zehn Fotos zu je 300 KB (insgesamt 3.000 KB) bedeutet dieselbe Spanne 1.980–2.250 KB, also eine Ersparnis von 750–1.020 KB bei jedem Besuch ohne Cache.

Einzelne Dateien können besser oder schlechter abschneiden. Ein bereits stark komprimiertes JPEG kann beim Neukodieren sogar größer werden, vergleichen Sie also immer die Ausgabegröße mit dem Original.

WebP vs. PNG vs. JPG vs. AVIF

JPG PNG WebP AVIF
Kompression Verlustbehaftet Verlustfrei Verlustbehaftet und verlustfrei Verlustbehaftet und verlustfrei
Transparenz Nein Ja Ja Ja
Animation Nein Nur als APNG Ja Ja
Farbtiefe 8 Bit Bis 16 Bit 8 Bit 8, 10 oder 12 Bit
Browserunterstützung Universell Universell Alle aktuellen Browser (Safari 14+) Chrome 85+, Firefox 93+, Safari 16.4+, Edge 121+
Ideal für Fotos, die sich überall öffnen lassen müssen, Druck, E-Mail Screenshots, Logos, Masterdateien für die Bearbeitung Webfotos und -grafiken, transparent oder animiert Webbilder, mit WebP- oder JPG-Fallback

WebP vs. PNG

Ist WebP besser als PNG? Für eine Website meistens ja. Verlustfreies WebP behält jedes Pixel eines PNG und ist laut Google im Schnitt 26 % kleiner, während verlustbehaftetes WebP mit Alphakanal transparente Produktfotos noch deutlich stärker verkleinern kann. PNG gewinnt weiterhin in drei Punkten: Es öffnet sich in jedem Programm, das es je gab, es unterstützt 16-Bit-Farbe für hochpräzise Bearbeitung, und es bleibt das sicherere Format für eine Masterdatei, die Sie noch einmal bearbeiten. Für Screenshots mit kleinem farbigem Text verwenden Sie verlustfreies statt verlustbehaftetes WebP, denn die 4:2:0-Farbunterabtastung kann dünne rote oder blaue Linien verwischen.

WebP vs. JPG

Für Fotos im Web liefert verlustbehaftetes WebP ähnliche Qualität bei geringerer Größe, und anders als JPG kann es transparent oder animiert sein. Der Vorteil von JPG ist die Kompatibilität: Jede Kamera, jeder Drucker, jedes E-Mail-Programm und jede Office-Anwendung kann es lesen. Verlässt eine Datei den Browser, ist JPG die sicherere Wahl.

AVIF, das auf dem Videocodec AV1 basiert, ist der neuere Konkurrent. Es unterstützt höhere Farbtiefen und komprimiert oft noch stärker, doch die Kodierung ist langsamer und die Unterstützung kam später. Eine gängige Einrichtung: zuerst AVIF, dann WebP, zuletzt JPG.

Browserunterstützung für WebP

Alle aktuellen großen Browser zeigen WebP an, auch verlustfreie, transparente und animierte Dateien:

Nur alte Systeme gehen leer aus, etwa der Internet Explorer oder ein Mac, der bei macOS 10.15 Catalina festhängt. Auch die Google-Suche indexiert WebP-Bilder: Ihre Richtlinien für Bilder nennen BMP, GIF, JPEG, PNG, WebP, SVG und AVIF als unterstützte Formate.

Wann Sie WebP nicht verwenden sollten

WebP ist ein Auslieferungsformat für Bildschirme. Verzichten Sie in diesen Fällen darauf:

WebP auf einer Website mit Fallback einsetzen

Da alle aktuellen Browser WebP unterstützen, funktioniert ein einfaches <img src="photo.webp"> für fast alle Besucher. Um auch ältere Browser abzudecken, verwenden Sie das <picture>-Element: Der Browser wählt die erste <source>, deren type er unterstützt, und greift sonst auf das <img> zurück.

<picture>
  <source srcset="/images/hero.avif" type="image/avif">
  <source srcset="/images/hero.webp" type="image/webp">
  <img src="/images/hero.jpg" alt="Blauer Sessel in einem hellen Wohnzimmer"
       width="1200" height="800">
</picture>

Behalten Sie alt, width und height am <img>, denn sie gelten unabhängig davon, welche Datei geladen wird. Prüfen Sie außerdem, ob Ihr Server Content-Type: image/webp sendet; bei einer alten Apache-Konfiguration brauchen Sie eventuell AddType image/webp .webp in der .htaccess.

Für SEO zählt WebP vor allem über die Geschwindigkeit. Das für die Metrik Largest Contentful Paint (LCP) der Core Web Vitals maßgebliche Element ist oft ein Hero-Bild, und eine kleinere Datei ist schneller heruntergeladen, besonders bei mobilen Verbindungen. Unser Artikel darüber, warum die Ladegeschwindigkeit von Bildern für die Core Web Vitals zählt, erklärt, wie LCP gemessen wird und welche Rolle Kompression und Lazy Loading spielen. Das Format allein rettet kein Bild, das viermal breiter ist als der Platz, den es ausfüllt.

WebP-Dateien unter Windows und macOS öffnen

Wie Sie WebP-Dateien öffnen, hängt von Ihrem System ab:

WebP umwandeln

Wie Sie WebP umwandeln, hängt von der gewünschten Richtung ab.

In WebP, im Browser: Der WebP-Konverter von TimeToTime wandelt jeweils ein PNG, JPG oder anderes vom Browser lesbares Bild um. Stellen Sie die Qualität auf einen Wert von 1 bis 100 (Standard 80), klicken Sie auf „In WebP konvertieren“, und das Tool zeigt die Ausgabegröße und wie viel kleiner oder größer sie als das Original ist, zum Beispiel „67 % kleiner als das Original“, wenn aus einem PNG mit 1.250.000 Byte ein WebP mit 412.500 Byte wird. Transparenz bleibt erhalten, und das Bild verlässt nie Ihr Gerät. Es gibt keinen Stapelmodus und keine Größenänderung, EXIF-Metadaten werden nicht übernommen, und ein animiertes GIF wird zum Standbild. Safari kann WebP womöglich nicht kodieren; das Tool weist dann darauf hin und speichert ein PNG, nutzen Sie also Chrome, Edge oder Firefox. Wenn Sie auch die Abmessungen verkleinern müssen, bietet der Bildkompressor eine Einstellung für die maximale Breite und kann ebenfalls WebP ausgeben.

In WebP, auf der Kommandozeile: Googles Tool cwebp aus dem Paket libwebp wandelt einzelne Dateien um oder per Skript ganze Ordner:

cwebp -q 80 in.png -o out.webp
cwebp -lossless logo.png -o logo.webp

-q legt die Qualität von 0 bis 100 fest (Standard 75), und -lossless schaltet in den verlustfreien Modus.

Von WebP in PNG oder JPG: Öffnen Sie die Datei unter macOS in der Vorschau, wählen Sie Ablage › Exportieren und dann PNG oder JPEG. Unter Windows öffnen Sie sie in Paint und verwenden Datei › Speichern unter. Auf der Kommandozeile schreibt dwebp in.webp -o out.png ein PNG.

Häufige Fragen

Was ist eine WebP-Datei?

Eine .webp-Datei ist ein Bild in Googles WebP-Format. Das kann ein Foto (verlustbehaftet), eine pixelgenaue Grafik (verlustfrei), ein transparentes Bild oder eine kurze Animation sein, und jeder aktuelle Browser öffnet sie.

Ist WebP besser als PNG?

Für Webseiten meistens ja: Verlustfreies WebP ist bei identischen Pixeln im Schnitt 26 % kleiner als PNG. Für Masterdateien zur Bearbeitung, 16-Bit-Bilder und Dateien, die andere in beliebigen Programmen öffnen müssen, ist PNG die sicherere Wahl.

Verringert die Umwandlung in WebP die Qualität?

Verlustbehaftetes WebP verwirft wie JPG einige Details; bei Qualität 75–85 ist der Unterschied bei den meisten Fotos kaum zu sehen. Verlustfreies WebP behält jedes Pixel. Ein JPG in verlustfreies WebP umzuwandeln, stellt keine Details wieder her, die das JPG bereits verloren hat.

Warum verwenden Websites WebP statt JPG?

Kleinere Dateien laden schneller und verbrauchen weniger Bandbreite, was dem Largest Contentful Paint zugutekommt. Außerdem unterstützt WebP Transparenz und Animation, was JPG nicht kann.

Kann ich WebP wieder in JPG oder PNG umwandeln?

Ja. Nutzen Sie auf dem Mac „Exportieren“ in der Vorschau, unter Windows „Speichern unter“ in Paint oder dwebp auf der Kommandozeile. Das Ergebnis kann nicht besser sein als das WebP, behalten Sie Ihre Originale also, wann immer es geht.

Kostenlos ausprobieren: Bild zu WebP Kostenlos und ohne Anmeldung nutzbar.