PNG vs. JPG vs. WebP vs. AVIF: Welches Bildformat sollten Sie wirklich verwenden?
Ein praktischer Vergleich von PNG, JPG, WebP und AVIF — worin jedes Format wirklich gut ist, was es kostet und wie Sie in unter zehn Sekunden das richtige wählen.
Aktualisiert am 11. August 20265 Min. Lesezeit
Die Wahl eines Bildformats ist eigentlich eine Entscheidung von dreißig Sekunden, für die Menschen entweder null Sekunden oder dreißig Minuten aufwenden. Die Kurzfassung: Fotos werden JPG oder WebP, Grafiken mit flächigen Farben und harten Kanten werden PNG oder WebP, alles mit Transparenz schließt JPG vollständig aus, und AVIF gewinnt bei der Dateigröße, wenn Sie sich etwas langsameres Kodieren leisten können. Der Rest dieses Leitfadens erklärt das Warum — und wo jede dieser Regeln bricht.
Die eine Unterscheidung, die die meisten Fälle entscheidet
Jedes Format hier fällt in eines von zwei Lagern. Verlustbehaftete Formate (JPG sowie WebP/AVIF in ihrem üblichen Modus) werfen Details weg, die das Auge kaum bemerkt, und sparen dafür enorm viel Platz. Verlustfreie Formate (PNG sowie WebP/AVIF im verlustfreien Modus) geben jedes Pixel exakt wieder und bezahlen das mit der Dateigröße.
Das lässt sich sauber auf Inhalte übertragen. Fotos bestehen aus allmählichen Tonwertverläufen, weshalb es unsichtbar bleibt, wenn ein Teil davon verworfen wird. Screenshots, Logos und Diagramme bestehen aus harten Kanten, und verlustbehaftete Kompression macht harte Kanten auf eine Weise unscharf, die sofort auffällt. Das ist die ganze Regel: weiche Inhalte wollen verlustbehaftet, scharfe Inhalte wollen verlustfrei.
Die vier Formate im Vergleich
| Format | Am besten für | Transparenz | Typische Größe im Vergleich zu JPG |
|---|---|---|---|
| JPG | Fotos, alles mit Verläufen | Nein | Ausgangswert |
| PNG | Screenshots, Logos, Strichgrafiken, UI-Entwürfe | Ja | 3–10× größer bei Fotos |
| WebP | Fast alles im Web | Ja | 25–35 % kleiner |
| AVIF | Fotos, bei denen jedes Kilobyte zählt | Ja | 40–55 % kleiner |
Diese Zahlen gelten für fotografische Inhalte bei vergleichbarer Qualität. Bei flächigen Grafiken dreht sich die Reihenfolge um: Ein PNG eines einfachen Logos schlägt das JPG davon deutlich, weil Folgen identischer Pixel fast auf nichts zusammenschrumpfen, während JPG Bits dafür ausgibt, rund um die Kanten Artefakte zu erfinden.
JPG: immer noch die sichere Voreinstellung
JPG ist über dreißig Jahre alt und nach wie vor das universellste Bildformat überhaupt. Jeder Browser, jedes Telefon, jeder Druckdienst, jedes Upload-Portal und jedes uralte Unternehmenssystem nimmt es an. Wenn Kompatibilität wichtiger ist als die letzten 30 % Dateigröße — und bei Uploads ist sie das —, lautet die Antwort JPG.
Seine Schwächen sollte man kennen. Es hat keine Transparenz, weshalb ein als JPG gespeichertes Logo einen weißen Kasten bekommt. Es komprimiert bei jedem Speichern destruktiv neu, sodass wiederholtes Bearbeiten und Sichern es jedes Mal verschlechtert. Und es geht schlecht mit scharfem Text um, weshalb ein JPG-Screenshot eines Code-Editors verschmiert aussieht, während die PNG-Version knackig bleibt.
PNG: für Kanten, nicht für Fotos
Die Stärke von PNG ist Exaktheit plus Alphakanal. Verwenden Sie es überall dort, wo ein Pixel genau das Pixel bleiben muss, das Sie gezeichnet haben: Logos auf farbigen Hintergründen, UI-Screenshots, Diagramme, Symbole und jedes Bild, das Sie später erneut bearbeiten werden, da erneutes Speichern nichts kostet.
Der klassische Fehler ist, ein Handyfoto als PNG zu speichern. Die Datei bläht sich auf — oft auf das Fünf- oder Zehnfache der JPG-Größe — für einen Qualitätsunterschied, den niemand sieht. Wenn Sie einen Ordner mit überdimensionierten PNG-Fotos geerbt haben, ist es meist der größte verfügbare Speichergewinn, sie mit dem PNG-zu-JPG-Konverter umzuwandeln — kostenlos einzeln, mit Pro ganze Ordner auf einmal. Müssen sie aus Transparenzgründen PNG bleiben, verkleinert der PNG-Kompressor die Palette und entfernt Metadaten, ohne das Format zu ändern.
WebP: die vernünftige moderne Voreinstellung
WebP erledigt beide Aufgaben. Es hat einen verlustbehafteten Modus, der JPG bei gleicher Qualität um rund ein Drittel schlägt, einen verlustfreien Modus, der PNG um etwa ein Viertel schlägt, Unterstützung für Transparenz und für Animationen. Die Browserunterstützung ist seit 2020 flächendeckend, womit der einzige echte historische Einwand entfällt.
Für eine Website ist die Umstellung der Bildbibliothek auf WebP einer der günstigsten Performance-Gewinne überhaupt — ein Drittel weniger bei jedem Bild, ohne sichtbaren Unterschied. Der Vorbehalt liegt außerhalb des Browsers: Manche Desktop-Software, Druckereien und Upload-Formulare weisen es weiterhin ab. Daher gilt «WebP fürs Web, JPG für Uploads» und nicht «WebP für alles».
AVIF: die größten Einsparungen, mit einem Haken
AVIF komprimiert stärker als alles andere in verbreitetem Einsatz — häufig 40–55 % unter JPG — und hält sich bei sehr niedrigen Bitraten ungewöhnlich gut, wo JPG klotzig wird und AVIF lediglich weich. Es unterstützt außerdem Transparenz, erweiterten Farbraum und HDR.
Der Haken sind Kodierungsaufwand und Reife des Ökosystems: AVIF braucht spürbar länger zum Kodieren als WebP, und die Unterstützung außerhalb von Browsern ist noch lückenhaft. Nutzen Sie es dort, wo Bandbreite wirklich zählt und Sie die Auslieferung kontrollieren — und bleiben Sie bei WebP oder JPG für alles, was durch fremde Software wandern muss.
Ein Entscheidungsbaum in zehn Sekunden
- 1Braucht es Transparenz? Wenn ja, kommen PNG, WebP oder AVIF infrage. JPG scheidet aus.
- 2Ist es ein Foto? Wenn ja: JPG für Kompatibilität, WebP fürs Web, AVIF, wenn die Größe entscheidend ist.
- 3Ist es ein Screenshot, ein Logo, ein Diagramm oder eine Strichgrafik? PNG für garantierte Schärfe, oder verlustfreies WebP für dieselbe Schärfe bei kleinerer Größe.
- 4Geht es in ein Upload-Formular? JPG, sofern das Formular kein anderes Format nennt.
- 5Ist es animiert? WebP für Qualität und Größe, GIF nur, wenn das Ziel es verlangt.
Wählen Sie Ihr Formatpaar — JPG, PNG, WebP, AVIF, GIF oder BMP — und konvertieren Sie auf Ihrem eigenen Gerät. Die Dateien werden niemals hochgeladen.
Ein Bild umwandelnUnd was ist mit HEIC, TIFF und SVG?
HEIC ist das, was moderne iPhones standardmäßig aufnehmen. Es komprimiert besser als JPG, wird aber außerhalb des Apple-Ökosystems schlecht unterstützt — weshalb so viele Menschen einen HEIC-zu-JPG-Konverter brauchen, bevor sie jemandem mit Windows ein Foto mailen können. TIFF ist ein Druck- und Archivformat: riesige Dateien, hervorragende Treue, kein Platz auf einer Webseite. SVG kommt in diesem Vergleich gar nicht vor, weil es kein Pixelformat ist: Es beschreibt Formen mathematisch und ist damit die richtige Wahl für Logos und Symbole, wann immer Sie die Vektorquelle haben.
Wenn Sie unsicher sind, was Sie überhaupt vorliegen haben — eine Datei namens .jpg ist nicht immer ein JPG —, liest der Bildanalysator das tatsächliche Format, die Abmessungen und die Metadaten direkt aus der Datei.
Häufige Fragen
Ist WebP besser als JPG?
Für die Auslieferung im Web ja — WebP erzeugt bei vergleichbarer Qualität rund 25–35 % kleinere Dateien und unterstützt zusätzlich Transparenz. Für Uploads in Formulare, an Druckdienste oder in ältere Software ist JPG weiterhin sicherer, weil es überall angenommen wird.
Verliert die Umwandlung von PNG nach JPG an Qualität?
Ja, ein wenig, denn JPG ist verlustbehaftet. Bei Fotos ist der Verlust unsichtbar und die Ersparnis groß. Bei Screenshots und Logos ist er sehr gut sichtbar — scharfe Kanten bekommen unscharfe Höfe —, behalten Sie diese also als PNG oder wandeln Sie stattdessen in verlustfreies WebP.
Sollte ich 2026 AVIF auf meiner Website einsetzen?
Für fotolastige Seiten, bei denen Bandbreite zählt, ist es eine gute Wahl, da es JPG-Dateigrößen typischerweise halbiert. Liefern Sie es mit einem WebP- oder JPG-Rückfall für den kleinen Anteil an Nicht-Browser-Clients aus, die es noch nicht dekodieren können.
Welches Format eignet sich am besten zum Drucken?
Verwenden Sie das hochwertigste Original, das Sie haben — idealerweise TIFF oder ein JPG in maximaler Qualität und voller Auflösung. Schicken Sie niemals ein WebP oder eine stark komprimierte Datei in eine Druckerei; Kompressionsartefakte, die am Bildschirm unsichtbar sind, werden in Druckgrößen offensichtlich.