JPG vs. PNG vs. WebP vs. AVIF

Die vier Formate im Überblick

Die Stärken der einzelnen Formate

JPG speichert feine Details in Blöcken von 8 × 8 Pixeln mit verringerter Genauigkeit, die Farbe meist in geringerer Auflösung als die Helligkeit. Bei Fotos fällt das kaum auf, an Text und scharfen Kanten entstehen dagegen sichtbare Säume. Jedes Mal, wenn ein JPG bearbeitet und erneut gespeichert wird, wird es neu kodiert, wobei meist wieder etwas Detail verloren geht. Was hinter dem Qualitätswert steckt, lesen Sie unter Komprimierungseinstellungen für Bilder erklärt.

PNG ist verlustfrei und komprimiert, indem es wiederkehrende und vorhersagbare Muster findet. Screenshots, Diagramme und Logos bleiben deshalb klein, Fotos nicht. Ein Foto mit 12 Megapixeln enthält 36 Millionen Byte an Farbwerten (4000 × 3000 Pixel × 3 Byte); Kamerarauschen wiederholt sich kaum, daher ist das PNG meist um ein Mehrfaches größer als ein gutes JPG.

WebP hat einen verlustbehafteten und einen verlustfreien Modus, beide mit Transparenz. Verlustbehaftetes WebP speichert die Farbe mit halber Breite und halber Höhe, sodass dünne farbige Linien und roter Text weich wirken können. Keine Seite eines WebP-Bildes darf 16.383 Pixel überschreiten, was sehr lange Screenshots ausschließt; das JPG-Format erlaubt bis zu 65.535.

AVIF geht auf den Videocodec AV1 zurück. Bei Fotos ist es oft das effizienteste der vier Formate, besonders bei niedrigerer Qualität, und es kann Farben mit 10 oder 12 Bit sowie HDR speichern. Das Kodieren dauert meist länger, und außerhalb von Browsern wird AVIF seltener unterstützt als WebP.

Ein gemessenes Beispiel: ein Screenshot, sechs Dateien

Wir haben einen Dashboard-Screenshot mit 1280 × 800 Pixeln gezeichnet (flächige Farben, Text, ein Balkendiagramm) und ihn mit Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) gespeichert, und zwar überall dort, wo sich eine Qualität einstellen lässt, mit Qualität 92 – passend zum festen Wert 0,92, den der LeedyBox-Konverter an den Browser übergibt. Verlustfreies WebP lief mit seiner langsamsten und stärksten Einstellung. Es handelt sich um ein einzelnes synthetisches Bild: Die Encoder der Browser arbeiten mit anderen Einstellungen und liefern andere Werte, und Fotos verhalten sich anders. 1 KB = 1024 Byte.

Für diese flächige Grafik war JPG die schlechteste Wahl: mehr als doppelt so groß und nicht mehr pixelgenau. Verlustfreies WebP behielt jedes Pixel und war am kleinsten, während verlustbehaftetes WebP kaum etwas einsparte. Das JPG zurück in PNG umzuwandeln, machte nichts rückgängig: Das PNG musste die JPG-Artefakte exakt speichern und wuchs auf das 4,5-Fache des ursprünglichen PNG.

Ein Logo mit 512 × 512 Pixeln auf transparentem Hintergrund ergab als PNG 31,6 KB, als verlustbehaftetes WebP 18,4 KB mit erhaltener Transparenz, als AVIF 16,6 KB, als verlustfreies WebP 12,7 KB und als JPG 25,2 KB – mit einem weißen Quadrat statt Transparenz. Auch hier war verlustfreies WebP die kleinste Datei und behielt jedes Pixel.

Was eine Umwandlung leisten kann und was nicht

• Sie stellt keine Details wieder her. Ein als PNG gespeichertes JPG behält seine Artefakte.
• Von verlustbehaftet zu verlustbehaftet kommt weiterer Verlust hinzu. Bei JPG zu WebP oder AVIF werden die alten Artefakte erneut kodiert. Beginnen Sie daher mit dem besten Original, das Sie haben.
• Transparenz braucht ein Format, das sie speichert. JPG hat keinen Alphakanal. Der LeedyBox-Konverter füllt transparente Bereiche beim Speichern als JPG oder BMP deshalb mit Weiß, und weiche Kanten werden mit diesem Weiß gemischt. Behalten Sie Logos und Freisteller als PNG oder WebP.
• Die Pixelmaße sind oft wichtiger. Ein Foto mit 4000 × 3000 Pixeln, das mit 1200 × 900 angezeigt wird, enthält 12 Millionen Pixel, wo 1,08 Millionen genügen – etwa elfmal so viele. Selbst ein Bildschirm mit doppelter Pixeldichte nutzt nur 2400 × 1800, also 4,32 Millionen. Siehe Bildgröße ändern: Pixel, Seitenverhältnis und DPI.

Umwandeln mit dem LeedyBox-Bildkonverter

1. Öffnen Sie den Bildkonverter und klicken Sie auf „Dateien auswählen oder hierher ziehen und ablegen“ oder legen Sie Bilder auf dem Feld ab. PNG, JPG, WebP, BMP, GIF und AVIF werden angenommen, sofern Ihr Browser die Datei öffnen kann.
2. Jede Datei erscheint in der Liste mit ihren Pixelmaßen und einem Formatmenü, das auf JPG voreingestellt ist und außerdem PNG, WebP, BMP, AVIF und ICO anbietet. Ändern Sie das Format für jede Datei einzeln oder stellen Sie mit dem Menü „Alle Formate festlegen auf...“ neben „Stapeloptionen:“ alle Dateien auf einmal um. Wählen Sie für alles mit Transparenz PNG, WebP oder AVIF.
3. Klicken Sie auf „Konvertieren & herunterladen“. Ein einzelnes Bild wird unter seinem Namen mit dem Zusatz „_converted“ heruntergeladen, etwa als urlaub_converted.webp; mehrere Bilder kommen gesammelt als leedybox_converted_images.zip an.

Der Konverter behält die Pixelmaße bei, außer bei ICO: Dabei wird das Bild so verkleinert, dass es in 256 × 256 Pixel passt. Für JPG, WebP und AVIF fordert er beim Browser die Qualität 0,92 an (auf einer Skala von 0 bis 1); eine Qualitätseinstellung gibt es nicht. Chrome und Edge erzeugen bei diesem Wert verlustbehaftetes WebP; die Encoder anderer Browser können sich anders verhalten. JPG und BMP erhalten einen weißen Hintergrund; BMP wird unkomprimiert mit 24 Bit pro Pixel gespeichert, sodass ein Foto mit 6000 × 4000 Pixeln 72.000.054 Byte groß wird. Viele Browser können kein AVIF erstellen. Der Konverter prüft das beim Öffnen der Seite; schlägt der Test fehl, deaktiviert er die Option und beschriftet sie mit „AVIF (von diesem Browser nicht unterstützt)“.

Die Umwandlung läuft in Ihrem Browser, und die Bilder werden dafür nicht an LeedyBox gesendet. Jedes Bild wird neu gezeichnet, daher werden EXIF-Daten, GPS-Standort und andere Metadaten nicht übernommen. Wenn Sie die Qualität selbst wählen und vorher und nachher vergleichen möchten, verwenden Sie Bilder komprimieren (JPG, WebP oder PNG, mit einem Qualitätsregler, der auf 75 voreingestellt ist, oder einer Zieldateigröße); für kleinere Abmessungen Bildgröße ändern.

Welches Format für welche Aufgabe?

Für Bilder auf Webseiten siehe auch Das richtige Bildformat für das Web wählen.

Häufige Probleme und Lösungen

• Der transparente Hintergrund ist weiß geworden. Die Ausgabe war JPG – die Voreinstellung – oder BMP. Wandeln Sie erneut in PNG, WebP oder AVIF um.
• Die Datei ist größer geworden. Das ist typisch für Fotos oder JPGs, die als PNG gespeichert werden, und für BMP, das unkomprimiert ist. Verwenden Sie für Fotos JPG oder WebP oder behalten Sie das Original.
• AVIF lässt sich nicht auswählen. Ihr Browser kann kein AVIF erstellen. Wählen Sie WebP oder versuchen Sie es mit einem anderen Browser.
• Das ZIP enthält weniger Dateien, als Sie hinzugefügt haben. Bei der Umwandlung in WebP werden logo.png und logo.jpg beide zu logo_converted.webp, und die spätere Datei ersetzt die frühere. Benennen Sie vorher eine der beiden um.
• Es wurde nichts heruntergeladen. Eine Datei schlägt fehl, wenn der Browser das gewählte Format nicht erstellen kann: Manche Browser können kein WebP erstellen, und das WebP-Format erlaubt keine Bilder, die breiter oder höher als 16.383 Pixel sind. Sehr große Bilder können außerdem die Canvas-Größe überschreiten, die ein Browser verarbeiten kann. Bei mehreren Dateien genügt eine einzige fehlgeschlagene Datei, und der Konverter bricht ab, bevor das ZIP erstellt wird. Ändern Sie das Format dieser Datei oder entfernen Sie sie.
• Aus einer Animation ist ein Standbild geworden. Nur ein Einzelbild, normalerweise das erste, bleibt erhalten.

Was Sie danach prüfen sollten

• Sehen Sie sich das Ergebnis in Originalgröße (1:1) an: Text, Kanten, Gesichter und Farbverläufe.
• Vergleichen Sie die Dateigrößen; behalten Sie das Original, wenn die neue Datei nicht kleiner ist.
• Prüfen Sie transparente Bilder auf einem hellen und auf einem dunklen Hintergrund.
• Testen Sie die Datei dort, wo sie verwendet wird: Manche E-Mail-Programme und Upload-Formulare lehnen WebP oder AVIF ab.

Häufige Fragen