WebP, AVIF, JPEG oder PNG: Unterschiede und welches Format wann passt

Kurz gesagt: JPEG ist das universelle Format für Fotos, PNG das verlustfreie Format für Screenshots, Logos und Grafiken mit scharfen Kanten, WebP ein moderner Allrounder, der meist kleiner ist als beide und in allen aktuellen grossen Browsern funktioniert, und AVIF das Format, das Fotos oft am stärksten komprimiert, aber länger zum Kodieren braucht. Auf einer Website bieten Sie AVIF oder WebP mit JPEG oder PNG als Rückfallformat an; für E-Mail, Druckereien und andere Software bleiben JPEG und PNG die sichere Wahl.

Dieser Vergleich erklärt, worin sich die vier Formate unterscheiden – Kompression, Transparenz, Animation, Farbtiefe, Kompatibilität und Geschwindigkeit –, streift GIF, SVG, HEIC und JPEG XL und endet mit einer Entscheidungshilfe. Er beschreibt die Formate allgemein: Die tatsächliche Dateigrösse hängt immer vom Bild und von den Einstellungen ab.

WebP, AVIF, JPEG und PNG auf einen Blick

Verlustbehaftet oder verlustfrei: wie die Formate komprimieren

Verlustbehaftete Kompression verwirft Details, die das Auge kaum vermisst; verlustfreie Kompression behält jedes Pixel exakt und packt die Daten nur geschickter. Was zu einem Bild passt, hängt von seinem Inhalt ab:

• JPEG teilt das Bild in kleine Blöcke und speichert sie weniger genau. Fotos lassen sich gut komprimieren; scharfe Kanten und Text erhalten weiche Säume, und bei niedriger Qualität werden die Blöcke sichtbar.
• PNG speichert jedes Pixel exakt. Ideal für Flächenfarben, Text und Screenshots von Oberflächen – bei Fotos werden die Dateien ein Vielfaches grösser als ein JPEG.
• WebP ist aus einem Video-Codec hervorgegangen und hat einen verlustbehafteten und einen verlustfreien Modus. Verlustbehaftetes WebP ist bei gleicher sichtbarer Qualität meist kleiner als JPEG, verlustfreies WebP meist kleiner als PNG.
• AVIF beruht auf dem Video-Codec AV1. Es erzeugt oft die kleinsten Fotodateien, besonders bei kleinen Dateigrössen; bei sehr starker Kompression glättet es eher feine Strukturen, statt Blöcke zu zeigen.

SchweizerIMG lässt Ihnen beide Wege: Format konvertieren hat eine Qualitätseinstellung und eine verlustfreie Option für WebP, AVIF und JPEG XL, und Bild komprimieren kann die niedrigste Qualität suchen, die noch eine gemessene Ähnlichkeit zum Original erreicht.

Transparenz, Animation und Farbtiefe

• Transparenz. PNG, WebP und AVIF speichern einen vollständigen Alphakanal, sodass weiche Schatten und glatte Kanten auf jedem Hintergrund sauber bleiben. JPEG kennt keine Transparenz: Beim Konvertieren eines transparenten Bildes zu JPEG werden die transparenten Bereiche mit einer Hintergrundfarbe gefüllt. GIF kennt nur ganz transparente oder ganz deckende Pixel.
• Animation. GIF, animiertes PNG (APNG), WebP und AVIF können animiert sein. Format konvertieren behält eine Animation, wenn das Zielformat eine aufnehmen kann (GIF, WebP, PNG), oder verwendet nur das erste Bild; animierte AVIF-Dateien werden als ihr erstes Bild gelesen.
• Farbtiefe. JPEG und WebP speichern 8 Bit pro Kanal, was für die meisten Fotos genügt. PNG reicht bis 16 Bit und AVIF bis 12 Bit, was weichen Verläufen und der Weiterbearbeitung hilft. Format konvertieren behält die Bittiefe, soweit das neue Format sie erlaubt.
• HDR. AVIF – und PNG in der aktuellen Ausgabe – können Bilder mit hohem Dynamikumfang beschreiben. SchweizerIMG wandelt HDR-Bilder in Standard-Dynamikumfang um (sehr helle Werte werden abgeschnitten, nicht per Tone-Mapping angepasst); bewahren Sie HDR-Originale deshalb unverändert auf.

PNG ist eine W3C-Empfehlung; die aktuelle dritte Ausgabe, die animiertes PNG und HDR-Angaben ergänzt, ist als PNG-Spezifikation auf w3.org veröffentlicht.

Browserunterstützung, Kompatibilität und Kodiergeschwindigkeit

In Browsern ist das Bild einfach: JPEG, PNG und GIF funktionieren überall, WebP in allen aktuellen grossen Browsern, AVIF in den aktuellen Versionen der grossen Browser. Ältere Browser und Geräte zeigen AVIF unter Umständen nicht an – darum ist ein Rückfallformat wichtig. Ausserhalb des Browsers ist es unterschiedlich: E-Mail-Programme, Office-Software, Druckereien, Shopsysteme und Marktplätze nehmen noch nicht alle WebP oder AVIF an. Verlässt ein Bild das Web, sind JPEG und PNG die sichere Wahl.

Die Geschwindigkeit ist der andere Kompromiss. JPEG und WebP kodieren schnell; AVIF braucht deutlich länger, weil sein Encoder gründlicher nach Einsparungen sucht. In SchweizerIMG arbeitet Ihr Gerät, ein grosser AVIF-Stapel dauert auf einem älteren Laptop oder Smartphone also länger als auf einem neuen Computer. Die AVIF-Einstellungen enthalten «Geschwindigkeit (0 kleinste Datei – 10 am schnellsten)», wenn Sie schnellere Ergebnisse bei etwas grösseren Dateien vorziehen.

GIF, SVG, HEIC und JPEG XL in Kürze

• GIF – auf 256 Farben pro Bild beschränkt; gut für einfache Animationen und kleine Grafiken. Animiertes WebP ist meist kleiner und ein kurzes Video noch kleiner: GIF zu Video wandelt Animationen in MP4 oder WebM um, je nachdem, was der Browser erzeugen kann.
• SVG – keine Pixel, sondern Zeichenanweisungen: ideal für Logos, Symbole und Diagramme, in jeder Grösse scharf. SVG optimieren macht sie kleiner; SVG zu PNG, JPG, WebP oder AVIF rendert sie, wo ein Pixelformat verlangt wird. Siehe die Vektorwerkzeuge.
• HEIC – das Standard-Fotoformat vieler iPhones. In SchweizerIMG öffnen sich HEIC-Fotos nur in Safari, das sie selbst dekodiert – siehe iPhone-Fotos (HEIC) und HEIC-Datei: Was ist das?. Dort wandelt Format konvertieren sie in JPEG oder WebP um, damit Sie sie breiter teilen können.
• JPEG XL – ein neueres Format für hochwertige Archivierung und den Austausch. SchweizerIMG liest und schreibt es, die Browserunterstützung ist aber noch lückenhaft; prüfen Sie sie, bevor Sie auf einer Website auf JPEG XL setzen.

Welches Bildformat wofür: eine Entscheidungshilfe

In SchweizerIMG öffnet Format konvertieren JPG, PNG, WebP, AVIF, JPEG XL, GIF, BMP, TIFF und ICO und speichert in jedes dieser Formate, wobei Transparenz, Farbe und Bittiefe erhalten bleiben, soweit das neue Format es erlaubt – ein ganzer Stapel in einem Vorgang. Wenn Sie nicht sicher sind, welches Format für ein Foto am leichtesten ist, probiert Bild komprimieren mit «Speichern als» auf «Kleinstes aus WebP, AVIF und JPEG» diese Formate aus und behält das kleinste, und Bilder vergleichen zeigt, ob ein Unterschied sichtbar ist. Alles läuft in Ihrem Browser; die Bilder werden nie hochgeladen, wie Bildwerkzeuge im Browser vs. Upload-Websites erklärt. Details: unterstützte Bildformate und Bilder komprimieren und konvertieren.

Häufige Fragen

Ist WebP besser als JPEG?

Für Websites meist ja: Bei gleicher sichtbarer Qualität sind WebP-Dateien in der Regel kleiner, und WebP bietet zusätzlich Transparenz und Animation. Ausserhalb des Browsers hat JPEG weiterhin die Nase vorn, weil praktisch jedes Programm und jeder Dienst es annimmt.

Unterstützen alle Browser AVIF?

Die aktuellen Versionen der grossen Browser zeigen AVIF an; ältere Browser und Geräte unter Umständen nicht. Bieten Sie AVIF in einem <picture>-Element zusammen mit WebP oder JPEG an, dann erhält jeder Besucher ein Format, das sein Browser darstellen kann.

Wann ist PNG noch die richtige Wahl?

Wenn jedes Pixel exakt bleiben muss – Screenshots, Text, Oberflächengrafiken, Logos ohne SVG-Version – oder wenn Sie Transparenz brauchen und das empfangende System kein WebP annimmt. Für Fotos sind PNG-Dateien unnötig gross.

Verliert man Qualität, wenn man JPEG in WebP oder AVIF umwandelt?

Eine verlustbehaftete Umwandlung kodiert das Bild neu, es geht also jedes Mal ein wenig Detail verloren; bei vernünftigen Qualitätseinstellungen ist das selten sichtbar. Prüfen Sie das Ergebnis mit Bilder vergleichen, und konvertieren Sie vom Original statt von einer bereits umgewandelten Kopie.

Den ganzen Weg vom Kamerafoto zur schnellen Webseite beschreibt Bilder für die Website optimieren. Oder öffnen Sie die Optimierungswerkzeuge und erstellen Sie ein kostenloses Konto.