WebP vs PNG vs JPG: Welches Format wann?

Drei Kürzel, eine Dauerfrage: WebP, PNG oder JPG. Jedes Format hat seine Stärke, doch im Alltag entscheidet meist die Dateigröße über das Tempo einer Webseite. Dieser Vergleich stellt die drei nebeneinander und beantwortet die Frage, welches Format in welche Situation gehört.

Die drei Formate auf einen Blick

Die folgende Tabelle fasst die harten Eigenschaften zusammen.

WebP kann in jeder Zeile mithalten oder besser sein, mit einer Ausnahme beim Support: Es wird nicht von jeder älteren Software geöffnet. Die Werte zum Browser-Support stammen von caniuse.com, die Größenangaben von Google.

Kompression: der eigentliche Unterschied

JPG ist seit den Neunzigern das Standardformat für Fotos. Es wirft gezielt Bildinformation weg, die das menschliche Auge kaum wahrnimmt, und erreicht so kleine Dateien. Der Preis sind Artefakte, die bei starker Kompression sichtbar werden, besonders an scharfen Kanten und in einfarbigen Flächen.

PNG ging den umgekehrten Weg: kein Qualitätsverlust, dafür größere Dateien. Es wurde zum Standard für alles mit harten Kanten und Transparenz, von Logos über Screenshots bis zu Symbolen.

WebP muss sich nicht entscheiden. Es bringt beide Verfahren mit und nutzt eine Kompressionstechnik, die aus dem Video-Codec VP8 abgeleitet ist. Die Folge sind laut Google kleinere Dateien als bei beiden Vorgängern. Wie das technisch funktioniert, steht im Ratgeber Was ist WebP.

Ein Rechenbeispiel macht die Größenordnung greifbar. Ein JPG mit 100 Kilobyte wird bei 25 bis 34 Prozent Ersparnis zu einem WebP von etwa 66 bis 75 Kilobyte.

Bei reinen Grafiken konkurriert WebP verlustfrei mit PNG und liegt laut Google im Schnitt rund ein Viertel darunter.

Wann PNG die richtige Wahl ist

PNG bleibt erste Wahl, wenn jedes Pixel zählt und scharfe Kanten erhalten bleiben müssen. Das betrifft Logos, Screenshots von Benutzeroberflächen, Diagramme, Strichzeichnungen und Pixelgrafik. In diesen Fällen würde eine verlustbehaftete Kompression sichtbare Schmierränder erzeugen.

Auch als verlustfreies Archiv-Original ist PNG sinnvoll. Wer ein Bild später erneut bearbeiten will, sollte eine Version ohne Qualitätsverlust behalten. WebP im verlustfreien Modus kann das ebenfalls und ist dabei kleiner, doch PNG lässt sich in jedem Programm sofort öffnen.

Wann JPG sinnvoll bleibt

JPG ist das Format der maximalen Kompatibilität. Es gibt kaum ein Gerät oder Programm, das ein JPG nicht öffnet. Das macht es zur sicheren Wahl, wenn ein Bild an Dritte geht, deren Software man nicht kennt, etwa als E-Mail-Anhang oder beim Upload in ein älteres System.

Für Fotos liefert JPG ordentliche Qualität bei moderater Größe und bleibt das verbreitetste Foto-Format, von der Digitalkamera bis zum Smartphone. Solange Kompatibilität wichtiger ist als die letzten gesparten Kilobyte, ist JPG eine vertretbare Wahl. Sobald das Foto auf eine Webseite soll, ist WebP in der Regel kleiner. Der Weg dahin steht in der Anleitung JPG in WebP.

Wann WebP gewinnt

Für die Auslieferung im Web ist WebP heute meist die beste Wahl. Es kombiniert die Stärken von JPG und PNG, liefert laut Google kleinere Dateien als beide und behält Transparenz. Kleinere Bilder bedeuten schnellere Ladezeiten, weniger Datenverbrauch und ein besseres Abschneiden bei den Web Vitals. Auch web.dev empfiehlt WebP für die Bildauslieferung.

Der frühere Haupteinwand, die fehlende Browser-Unterstützung, ist weitgehend ausgeräumt. Bei über 95 Prozent globaler Abdeckung erreicht WebP fast jeden Besucher. Für die übrigen Browser lässt sich im HTML ein Fallback auf JPG oder PNG hinterlegen, sodass niemand ein leeres Bild sieht. Wie das geht, steht im Ratgeber zur Browser-Unterstützung von WebP.

Unterm Strich

Die Rollenverteilung ist klar: PNG für verlustfreie Grafiken und Transparenz, JPG für maximale Kompatibilität bei Fotos, WebP für alles, was im Web ausgeliefert wird. WebP ersetzt die beiden älteren Formate auf der Webseite, ohne sie als Quell- und Austauschformat überflüssig zu machen. Die saubere Arbeitsweise lautet deshalb: in PNG oder JPG bearbeiten und archivieren, für die Webseite nach WebP umwandeln. Das geht direkt im Konverter, lokal im Browser und ohne Upload. Wenn Sie die Kompression feinjustieren wollen, hilft die Anleitung Qualität einstellen weiter.