WebP vs JPG vs PNG vs AVIF: Was sollten Sie verwenden?
Wenn Sie schon einmal per Rechtsklick „Bild speichern unter“ ausgewählt haben und vor einem Dropdown mit Formaten standen, kennen Sie das Problem: JPG, PNG, WebP und jetzt auch AVIF beanspruchen alle für sich, die „richtige“ Wahl zu sein, und die ehrliche Antwort lautet: es kommt darauf an, was im Bild ist und wohin es geht. Hier die praktische Version, ohne Marketing-Sprech.
Die Kurzfassung
| JPG | PNG | WebP | AVIF | |
|---|---|---|---|---|
| Kompression | Verlustbehaftet | Verlustfrei | Beides | Beides |
| Transparenz | Nein | Ja | Ja | Ja |
| Animation | Nein | Ja (APNG) | Ja | Ja |
| Typische Fotogröße | Referenz | Deutlich größer | 25–35 % kleiner | 40–50 % kleiner |
| Kodiergeschwindigkeit | Schnell | Schnell | Schnell | Langsam |
| Überall akzeptiert | Ja | Ja | Fast | Noch nicht |
Zu jeder dieser Zeilen gehört ein „aber“. Darum geht es im Rest des Artikels.
JPG: der Standard für Fotos
JPG (oder JPEG) arbeitet verlustbehaftet — es wirft Bilddetails weg, die Ihrem Auge kaum auffallen dürften, und liefert dafür eine viel kleinere Datei. Genau dieser Handel passt zu Fotografien, wo ohnehin reichlich natürliches Detail und Rauschen vorhanden ist.
Der Mechanismus erklärt fast das gesamte Verhalten von JPG. Der Encoder zerlegt das Bild in Blöcke von 8×8 Pixeln, beschreibt jeden als Summe von Wellenmustern und verwirft die feinsten Wellen zuerst — denn dort ist das Auge am schlechtesten. Glatte Flächen brauchen sehr wenige Wellen zur Beschreibung und komprimieren daher enorm. Scharfe Kanten brauchen viele und komprimieren entsprechend schlecht.
Diese eine Tatsache erklärt jedes JPG-Artefakt, das Sie je gesehen haben. Text und Logos bekommen einen schwachen Hof, weil eine harte Kante von Schwarz zu Weiß mit einer Handvoll Wellen am schwersten zu beschreiben ist. Himmel und Verläufe bekommen sichtbare Stufen, weil der Encoder eine feine Rampe mit zu wenigen davon annähert.
- Am besten für: Fotos, alles mit Verläufen, komplexen Farben oder Texturen.
- Schwachstelle: scharfe Kanten und flache Farben (Text, Logos, Screenshots von Oberflächen) bekommen unscharfe Artefakte an den Rändern.
- Keine Transparenz. Speichern Sie ein transparentes Bild als JPG, wird der Hintergrund weiß.
Noch eine JPG-typische Falle: der Generationsverlust. Jedes Mal, wenn Sie ein JPG öffnen und erneut speichern, wirft der Encoder Details aus einem Bild weg, dem bereits Details entzogen wurden. Machen Sie das ein halbes Dutzend Mal, wird die Verschlechterung offensichtlich. Gehen Sie nach Möglichkeit zum Original zurück, statt dasselbe JPG immer wieder neu zu speichern.
PNG: der Standard für Grafiken
PNG ist verlustfrei — es wirft nie Details weg, ein PNG sieht also gegenüber seiner Quelle immer pixelgenau aus. Der Preis ist die Dateigröße: PNG muss viel härter arbeiten, um ein Bild ohne jeden Verlust zu verkleinern, und liegt bei einem echten Foto meist über einem vergleichbaren JPG.
PNG komprimiert, indem es Wiederholungen findet: lange Folgen identischer Pixel, Zeilen, die der darüberliegenden ähneln. Ein Screenshot eines Einstellungsfensters besteht überwiegend aus flachem Grau und wiederholten Formen und schrumpft daher dramatisch. Eine Fotografie von Blattwerk enthält nirgends exakte Wiederholung, PNG hat also kaum etwas, womit es arbeiten könnte, und die Datei bleibt riesig.
- Am besten für: Logos, Symbole, Screenshots, Illustrationen, alles mit flacher Farbe oder Text und alles, was einen transparenten Hintergrund braucht.
- Schwachstelle: Fotos. Der Qualitätsregler wirkt bei reiner PNG-Ausgabe kaum, da es keinen verlustbehafteten Schritt gibt, der wirklich Details entfernt; Sie kodieren im Wesentlichen dieselben Pixel effizienter.
Wissenswert: PNG hat zwei gängige Varianten. PNG-24 speichert volle Farbe und ist das, was die meisten Programme exportieren. PNG-8 speichert eine Palette von höchstens 256 Farben und kann um ein Mehrfaches kleiner sein — richtig nützlich für Logos in flachen Farben und einfache Symbole, und miserabel für alles mit Verläufen, die zu sichtbaren Streifen werden.
WebP: der moderne Mittelweg
WebP beherrscht beide Modi: verlustbehaftet (wie JPG, aber bei gleicher visueller Qualität typischerweise 25 bis 35 Prozent kleiner) und verlustfrei (wie PNG, mit spürbar besserer Kompression bei den meisten Bildern). Außerdem unterstützt es Transparenz und Animation. Für den Alltag ist WebP schlicht eine kleinere Version des Formats, das Sie ohnehin gewählt hätten.
Die verlustbehaftete Seite basiert auf VP8, einem Video-Codec von 2010, und verbessert JPG vor allem dadurch, dass jeder Block aus seinen Nachbarn vorhergesagt und nur die Abweichung kodiert wird — eine glatte Region kostet damit fast nichts. Der verlustfreie Modus von WebP ist ein völlig eigener Entwurf und wirklich stark: Bei Screenshots und flachen Grafiken schlägt er PNG regelmäßig um 20 Prozent oder mehr und bleibt dabei pixelidentisch.
- Am besten für: fast alles, sofern die Plattform, auf die Sie hochladen, es akzeptiert.
- Schwachstelle: eine Handvoll älterer Programme, manche Druckabläufe und einige Plattformen nehmen es weiterhin nicht an. Das ist der häufigste Grund, warum eine WebP-Datei am Ende doch zurück nach JPG oder PNG gewandelt werden muss.
AVIF: das neueste und effizienteste Format
AVIF ist neuer als WebP und schlägt es bei reiner Kompression meist — oft 20 bis 30 Prozent kleiner als ein vergleichbares WebP bei gleicher visueller Qualität, mit verlustbehaftetem und verlustfreiem Modus.
Es basiert auf AV1, einem Video-Codec, der ein Jahrzehnt nach VP8 fertiggestellt wurde, und erbt weit bessere Werkzeuge zur Vorhersage und Kodierung von Pixelblöcken. Es unterstützt zudem höhere Bittiefe, weshalb AVIF Himmel und Schatten bei vergleichbarer Größe mit weniger Streifenbildung bewältigt als JPG oder WebP.
Jeder moderne Browser kann AVIF bereits anzeigen — die Dekodierunterstützung ist seit Längerem universell. Das Erzeugen war der Haken: Die einzigen Browser mit nativem AVIF-Encoder sind Chrome und Edge, denn Firefox und Safari haben nie einen ausgeliefert. img-compress umgeht das, indem es einen eigenen, nach WebAssembly kompilierten AVIF-Encoder ausführt, statt sich auf den des Browsers zu verlassen — die Umwandlung nach AVIF funktioniert damit in jedem Browser gleich.
- Am besten für: die kleinstmögliche Datei herausholen, besonders bei Fotos — je größer das Bild, desto deutlicher der Vorsprung vor WebP.
- Schwachstelle: langsam zu erzeugen, und der Container-Overhead zahlt sich erst oberhalb einer gewissen Größe aus. Bei gleichem flachem Symbol und fester Qualität haben wir WebP bis einschließlich 40 Pixel Kantenlänge als kleiner gemessen, ab 48 Pixeln liegt AVIF vorn — und schlichtes PNG war in diesen Größen kleiner als beide. Favicons und winzige Symbole sind nicht der Ort, an dem sich AVIF auszahlt.
Was nichts mit Größe zu tun hat
Die Formatwahl wird meist als Kompressionswettbewerb dargestellt, doch drei andere Eigenschaften entscheiden sie genauso oft.
Transparenz. JPG hat keine. Hat ein Bild einen transparenten Hintergrund und Sie wandeln es nach JPG, wird dieser Hintergrund weiß gefüllt — eine Einbahnstraße und mit Abstand die häufigste unangenehme Überraschung beim Konvertieren. PNG, WebP und AVIF beherrschen Transparenz.
Animation. GIF ist weiterhin das universell akzeptierte Format und zugleich das mit Abstand schlechteste: 256 Farben und gewaltige Dateien. Animiertes WebP und AVIF sind drastisch kleiner und sehen deutlich besser aus. APNG existiert und funktioniert, sitzt aber unbequem zwischen beiden.
Metadaten. JPG, WebP und AVIF können EXIF transportieren: Kameramodell, Zeitstempel und oft GPS-Koordinaten. Wenn Sie ein Foto öffentlich stellen, lohnt sich ein Gedanke daran. Eine Neukodierung durch einen Konverter verwirft davon meist das meiste, was in der Regel eher ein Vorteil als ein Verlust ist.
Und HEIC?
Stammen Ihre Bilder von einem iPhone, sind es vermutlich HEIC-Dateien und keines der vier obigen Formate. HEIC komprimiert etwa so gut wie AVIF, ist aber praktisch ein Format des Apple-Ökosystems: Die Unterstützung außerhalb davon ist lückenhaft, und viele Upload-Formulare lehnen es rundweg ab. Die praktische Antwort lautet fast immer, es vor dem Versand nach JPG zu wandeln. Die Windows-Seite davon behandeln wir in HEIC-Dateien unter Windows öffnen.
Unterstützung 2026: Anzeigen ist gelöst, Hochladen nicht
Fürs Anzeigen ist die Frage erledigt. Jeder Browser, der noch Updates erhält, beherrscht alle vier Formate. Geht es Ihnen nur darum, dass Besucher das Bild sehen können, sind WebP und AVIF ohne echtes Risiko.
Die Reibung ist woanders hingewandert: zu den Upload-Formularen. Behördenportale, Bewerbungssysteme, ältere Content-Management-Systeme, Druckereien und ein langer Schwanz an Desktop-Software erwarten weiterhin JPG oder PNG und weisen alles andere ab, oft mit einer wenig hilfreichen Fehlermeldung. Deshalb ist „WebP zurück nach JPG wandeln“ ein so häufiger Bedarf, obwohl WebP überall darstellbar ist. Browser-Unterstützung und Plattform-Akzeptanz sind zweierlei, und nur Ersteres ist fertig.
Vier Fehler, die die meisten Bytes kosten
- Fotos als PNG speichern. Der mit Abstand teuerste Fehler. Ein Foto, das als JPG 400 KB hätte, landet als PNG leicht bei 3 MB — ohne jeden sichtbaren Vorteil.
- Text-Screenshots als JPG speichern. Der genau entgegengesetzte Fehler. Verlustbehaftete Kompression verschmiert die harten Kanten von Buchstaben, das Ergebnis ist unscharf und größer als das PNG gewesen wäre.
- Dasselbe JPG wiederholt neu speichern. Der Generationsverlust summiert sich unbemerkt. Gehen Sie zum Original zurück.
- Komprimieren ohne zu skalieren. Wenn ein 4000 Pixel breites Foto irgendwohin geht, wo es mit 800 Pixeln angezeigt wird, schlägt Verkleinern jede Qualitätseinstellung. Kompression ist der zweite Schritt, kein Ersatz für den ersten.
Was brauchen Sie also?
- Es ist ein Foto und Sie wollen die kleinste vernünftige Datei → AVIF für das kleinstmögliche Ergebnis, oder WebP, wenn Ihnen eine schnellere Umwandlung etwas Kompression wert ist.
- Es ist ein Logo, ein Symbol oder ein Screenshot mit Text → PNG, oder WebP verlustfrei, sofern die Plattform es unterstützt.
- Es muss absolut überall funktionieren, ohne Ausnahme → JPG für Fotos, PNG für Grafiken.
- Sie haben eine WebP- oder AVIF-Datei und der Zielort lehnt sie ab → nach JPG oder PNG wandeln.
- Es ist ein winziges Symbol → PNG. Die modernen Formate haben in dieser Größe nichts zu bieten.
Zwischen all dem umwandeln, ohne Rätselraten
Sobald klar ist, welches Format Sie brauchen, deckt img-compress alle vier ab: JPG, PNG, WebP und AVIF, in beide Richtungen und vollständig auf Ihrem Gerät — es wird nichts hochgeladen, ob einzelnes Foto oder ganzer Ordner. Wenn Sie ohnehin gezielt JPG↔PNG wollen, führen die eigenen Konverter JPG zu PNG und PNG zu JPG direkt dorthin. Auch HEIC/HEIF-Dateien werden in Safari gelesen, ein iPhone-Foto kann also unmittelbar in das Format wandern, das die Situation verlangt. Wenn Sie speziell die beiden modernen Formate gegeneinander abwägen, geht AVIF vs WebP tiefer auf diesen Vergleich ein.