JPG vs. PNG vs. WebP vs. AVIF — welches Bildformat wofür?

JPG, PNG, WebP und AVIF im Vergleich: Kompression, Transparenz, Dateigröße und Browser-Support 2026 – plus Empfehlungen für Bewerbung, Blog, Logo und Screenshot.

Bei der Wahl eines Bildformats zählen letztlich drei Fragen: Was ist der Inhalt (ein Foto oder eine Grafik mit viel Text und Linien), wird ein transparenter Hintergrund benötigt und kann der Empfänger das Format öffnen. Dieser Artikel erklärt zuerst die strukturellen Unterschiede der vier wichtigsten Formate und fasst am Ende eine Auswahltabelle nach Einsatzzweck zusammen. Die Werte zur Browser-Unterstützung stammen aus den Daten von Can I use zum Stichtag (2026-09-23).

Vergleichstabelle auf einen Blick

MerkmalJPG (JPEG)PNGWebPAVIF
Erschienen1992, ITU-T T.811996, W3C-Empfehlung2010, von Google veröffentlicht2019, AOMedia v1.0.0
Kompressionverlustbehaftetverlustfreiverlustbehaftet und verlustfreiverlustbehaftet und verlustfrei
Transparenzneinja (Alphakanal)jaja
Animationneinmit APNG möglichjaja
Farbtiefe8 Bit pro Kanalbis 16 Bit8 Bit8, 10, 12 Bit (HDR möglich)
Browser-Unterstützung (weltweite Nutzer)praktisch 100 %praktisch 100 %ca. 96 %ca. 95 %

Die Anteile beziehen sich auf die von Can I use erfassten weltweiten Browser-Nutzungsanteile. Wenn Sie auch alte Browser oder firmeninterne Viewer berücksichtigen müssen, sind JPG und PNG nach wie vor am sichersten.

JPG — der 30 Jahre alte Standard für Fotos

JPG teilt das Bild in Blöcke von 8×8 Pixeln, wandelt sie mit der diskreten Kosinustransformation (DCT) in Frequenzanteile um und quantisiert die hochfrequenten Anteile, für die das menschliche Auge weniger empfindlich ist, grob weg. Farbinformationen werden zudem oft mit geringerer Auflösung als die Helligkeit gespeichert (Chroma-Subsampling). Deshalb ist bei Fotos mit weichen Farbverläufen wie Himmel oder Haut schon bei Qualität um 80 kaum ein Unterschied zu erkennen, während bei Bildern mit viel Text, Linien und einfarbigen Kanten Schlieren an den Rändern (Ringing, Blockartefakte) sichtbar werden.

  • Vorteile: Nahezu jedes Gerät, Programm und Upload-Formular akzeptiert JPG. Über den Qualitätswert lässt sich die Dateigröße in einem weiten Bereich steuern.
  • Grenzen: Keine Transparenz, und bei jedem Speichern kommen neue Verluste hinzu. Als Zwischendatei beim Bearbeiten ungeeignet.

PNG — Standard für Text, Logos und Screenshots

PNG ist ein verlustfreies Format, das Pixelwerte unverändert erhält. Pro Zeile wird ein Filter angewendet, der die Differenz zu benachbarten Pixeln berechnet, danach wird mit Deflate (derselben Familie wie zip) komprimiert. Bei Bildschirmfotos, Diagrammen und Logos mit großen gleichfarbigen Flächen ist PNG kleiner und schärfer als JPG; bei Fotos, in denen sich jeder Pixel leicht unterscheidet, komprimiert es jedoch schlecht und wird mitunter um ein Vielfaches größer als JPG.

Die im Juni 2025 vom W3C veröffentlichte dritte Ausgabe der PNG-Spezifikation nimmt animierte PNGs (APNG), HDR-Farbinformationen und EXIF-Chunks offiziell in den Standard auf. Die Kompatibilität mit bestehenden PNG-Dateien bleibt erhalten.

WebP — JPG und PNG in einem Format

WebP enthält in einem Format sowohl einen verlustbehafteten Modus (auf Basis des Videocodecs VP8) als auch einen verlustfreien Modus; beide unterstützen Transparenz und Animation. Google gibt an, dass bei gleichem SSIM-Qualitätsmaß verlustbehaftetes WebP 25–34 % kleiner als JPG und verlustfreies WebP 26 % kleiner als PNG ist. Es handelt sich um Googles eigene Testergebnisse; die tatsächliche Ersparnis hängt vom Bildinhalt und den Encoder-Einstellungen ab.

Im November 2024 wurden Spezifikation und Medientyp (image/webp) von WebP als IETF RFC 9649 offiziell registriert. Safari unterstützt WebP ab Version 14 (unter macOS ab Big Sur). Wenn viele Ihrer Nutzer Apple-Geräte von vor 2020 verwenden, ist es sicherer, zusätzlich ein Ersatzbild bereitzustellen.

AVIF — das kleinste, aber langsam kodierende neue Format

AVIF speichert mit dem lizenzfreien Videocodec AV1 komprimierte Bilder in einem Container der HEIF-Familie; die Alliance for Open Media (AOMedia) veröffentlichte die Spezifikation 1.0.0 im Februar 2019. Es unterstützt 10 und 12 Bit Farbtiefe pro Kanal sowie HDR und ist bei gleicher Qualität oft kleiner als WebP. Dafür ist die Kodierung rechenintensiv, sodass die Umwandlung vieler großer Fotos lange dauert, und laut MDN unterstützt AVIF keine progressive Anzeige.

Die Unterstützung in den wichtigsten Browsern beginnt mit Chrome 85, Firefox 93, Safari 16.4 (teilweise ab 16.1) und Edge 121. Da Edge als Letzter (Anfang 2024) hinzukam, werden AVIF-Bilder auf Firmen-PCs mit auf eine alte Version fixiertem Edge möglicherweise nicht angezeigt.

Auch der Qualitätsverlust sieht unterschiedlich aus

Selbst bei gleicher „niedriger Qualität“ verfällt das Bild je nach Format auf andere Weise. Wer weiß, worauf beim Prüfen zu achten ist, findet leichter den richtigen Qualitätswert.

  • JPG: Die Grenzen der 8×8-Blöcke erscheinen wie ein Raster, um Text und Linien entstehen wellenartige Schlieren (Ringing). In sanften Flächen wie Himmel treten bandartige Stufen auf.
  • WebP (verlustbehaftet): Weniger Blockspuren als bei JPG, aber Details verwischen und Farben verlaufen. Besonders dünne rote und blaue Linien werden unscharf.
  • AVIF: Auch bei niedriger Qualität kaum Blockspuren, aber Strukturen wie Hautporen, Rasen oder Haare werden glattgebügelt und können wie ein „Aquarell“ wirken.
  • PNG: Verlustfrei, daher keine Qualitätsminderung. Reduzieren Sie jedoch die Farbanzahl, um die Datei zu verkleinern, entstehen in Verläufen Streifen.

Beim Prüfen des Ergebnisses sollten Sie statt des Gesamtbilds lieber Gesichter, Text und Himmel auf 100 % oder mehr vergrößern und mit dem Original vergleichen.

Wo stehen JPEG XL und HEIC?

  • JPEG XL: Ein Format der nächsten Generation mit vielen Vorteilen, etwa der Möglichkeit, bestehende JPGs verlustfrei kleiner neu zu verpacken. Zum Stichtag unterstützt laut Can I use jedoch nur Safari ab 17 das Format teilweise; Chrome und Firefox zeigen es in der Standardeinstellung nicht an. Für den direkten Einsatz im Web ist es noch zu früh.
  • HEIC: Das Standardformat für iPhone-Fotos, das unter den Webbrowsern jedoch nur Safari ab 17 anzeigt. Vor dem Einreichen oder Teilen wird es üblicherweise in JPG umgewandelt (HEIC-Ratgeber).

Entscheidungsweg nach Situation

  1. Schreibt der Empfänger (Behörde, Schule, Onlineshop) erlaubte Formate vor? → Halten Sie sich an diese Liste. Meist ist es JPG.
  2. Brauchen Sie einen transparenten Hintergrund? → Für das Web WebP, für Bearbeitung und Druck PNG.
  3. Foto oder Grafik? → Fotos als JPG (Kompatibilität) oder WebP/AVIF (Dateigröße), Text, Linien und Diagramme als PNG oder verlustfreies WebP.
  4. Möchten Sie eine Website schneller machen? → Verwenden Sie AVIF oder WebP und halten Sie für alte Browser zusätzlich ein JPG bereit.
Einsatzzweck1. WahlAlternativeVermeiden
Bewerbungs- und Passfoto-UploadJPGPNG, falls vom Empfänger erlaubtWebP, AVIF, HEIC
Fotos für Blog und WebsiteWebP, AVIFJPGFotos als PNG
Logos und Icons (transparent)PNG, WebPSVG (Vektor)JPG
Screenshots und DiagrammePNGverlustfreies WebPJPG mit niedriger Qualität
Kurze AnimationenWebP- oder AVIF-AnimationGIF (Kompatibilität)
Übergabe an die Druckereidas von der Druckerei geforderte Formathochwertiges JPG oder PNGmehrfach neu komprimiertes JPG

Was Sie beim Umwandeln beachten sollten

  • Bei verlustbehaftet → verlustbehaftet summieren sich die Verluste. Wandeln Sie ein JPG in WebP um, kommen die Verluste von WebP zu den bereits von JPG verworfenen Informationen hinzu. Wenn Sie das Original haben, wandeln Sie nur einmal direkt aus dem Original um.
  • Bei transparent → nicht transparent (PNG/WebP → JPG) müssen transparente Bereiche mit einer Hintergrundfarbe wie Weiß gefüllt werden.
  • Farbtiefe und HDR werden in dem Moment auf 8 Bit reduziert, in dem Sie in JPG umwandeln.
  • Wenn ein Formatwechsel allein die Datei nicht verkleinert, bringt es am meisten, zusätzlich die Auflösung zu verringern. Das Prinzip wird unter So funktioniert Bildkomprimierung ausführlich erklärt.

Die Umwandlung zwischen Formaten erledigen Sie mit dem Tool Bildformat umwandeln ausschließlich im Browser; die Details jedes Formats finden Sie im Formatlexikon.

Häufige Fragen

Wird ein Foto besser, wenn ich es als PNG statt als JPG speichere?

Wenn Sie ein bereits als JPG gespeichertes Foto in PNG umwandeln, entstehen ab diesem Zeitpunkt nur keine weiteren Verluste – verlorene Informationen kommen nicht zurück. Die Datei wird meist um ein Vielfaches größer. Ein Foto in PNG umzuwandeln lohnt sich daher nur aus besonderem Grund, etwa wenn Sie es mehrfach hintereinander bearbeiten.

Gibt es Stellen, an denen ich kein WebP oder AVIF hochladen sollte?

Webbrowser zeigen beide Formate meist an, doch Upload-Formulare von Behörden, Schulen und Unternehmen akzeptieren oft nur JPG oder PNG. Wenn die Empfängerseite erlaubte Dateiendungen angibt, halten Sie sich am sichersten genau an diese Liste.

Was nehme ich, wenn ich transparenten Hintergrund und eine kleine Datei brauche?

Für das Web sind WebP oder AVIF, die Transparenz und verlustbehaftete Kompression kombinieren, deutlich kleiner als PNG. Kann das Programm des Empfängers diese Formate nicht öffnen, verwenden Sie PNG und verkleinern die Datei, indem Sie die Farbanzahl reduzieren.

Stand: 2026-09-23

Quellen

← Zur Ratgeber-Übersicht