Sie speichern ein Bild und Ihr Editor fragt: JPEG, PNG, WebP oder AVIF? Die meisten Leute wählen einfach das erste in der Liste und machen weiter.
Diese Entscheidung ist jedoch wichtiger, als es den Anschein hat. Das falsche Format kann Ihre Datei fünfmal größer machen als nötig, die gewünschte Transparenz entfernen oder die scharfen Kanten eines Logos ruinieren. Das richtige Format halbiert die Dateigröße ohne sichtbaren Qualitätsverlust.
Vier Formate, vier verschiedene Aufgaben. JPEG ist der alte Zuverlässige. PNG ist das verlustfreie Format für Grafiken. WebP ist der moderne Allrounder. AVIF ist der neue Champion der Komprimierung. Jedes gewinnt in bestimmten Situationen und verliert in anderen kläglich.
Dieser Leitfaden erklärt genau, was jedes Format tut, wie sie sich bei Dateigröße und Qualität unterscheiden und welches Sie für die jeweilige Situation wählen sollten. Danach werden Sie im Dropdown-Menü nie wieder raten müssen.
Die schnelle Antwort
Wenn Sie die Kurzfassung vor den Details möchten:
- Fotos im Web: Zuerst AVIF, WebP als Fallback, JPEG als finales Sicherheitsnetz
- Fotos, die universelle Kompatibilität erfordern (E-Mail, Druck): JPEG
- Logos, Icons, Grafiken mit Text: SVG wenn möglich, ansonsten PNG oder verlustfreies WebP
- Alles, was Transparenz erfordert: WebP oder AVIF (oder PNG für ältere Browser)
Das deckt die meisten Situationen ab. Aber das „Warum“ hinter jeder Wahl hilft Ihnen bei den Ausnahmefällen. Hier ist also die detaillierte Aufschlüsselung.
JPEG: Der universelle Veteran
JPEG gibt es seit 1992 und es ist immer noch das am weitesten unterstützte Bildformat auf der Erde. Jedes Gerät, jeder Browser, jede App und jeder Drucker versteht JPEG.
Was JPEG gut kann
- Universelle Kompatibilität: Funktioniert buchstäblich überall, einschließlich alter E-Mail-Clients und Druckertreiber
- Schnell zu kodieren und dekodieren
- Gute Komprimierung für Fotografien mit weichen Farbverläufen
- Kleine Dateigrößen bei vernünftigen Qualitätseinstellungen
Wo JPEG Schwächen hat
- Nur verlustbehaftet: Es wirft immer einige Daten weg, sodass wiederholtes Speichern die Qualität verschlechtert
- Keine Transparenz: JPEG hat keinen Alphakanal, also sind keine transparenten Hintergründe möglich
- Größere Dateien als moderne Formate bei gleicher visueller Qualität
- Sichtbare Artefakte (blockige Stellen), wenn zu stark komprimiert wird
Verwenden Sie JPEG, wenn Kompatibilität wichtiger ist als Dateigröße: E-Mail-Anhänge, druckbare Ressourcen, Social-Media-Uploads und überall dort, wo Sie nicht kontrollieren können, welche Software das Bild öffnet. Es ist die sichere Wahl, die immer funktioniert.
PNG: Das verlustfreie Grafikformat
PNG wurde 1996 als verlustfreie Alternative zu JPEG entwickelt. Es hält jeden einzelnen Pixel perfekt intakt, was es für bestimmte Bilder ideal und für andere absolut furchtbar macht.
Was PNG gut kann
- Verlustfrei: Keinerlei Qualitätsverlust, egal wie oft Sie es speichern
- Transparenz: Volle Unterstützung des Alphakanals für transparente Hintergründe
- Scharfe Kanten: Hält Text, Linien und Grafiken gestochen scharf ohne Unschärfe
- Ideal für Screenshots, Logos, Icons und Diagramme
Wo PNG Schwächen hat
- Riesige Dateigrößen für Fotografien (oft fünfmal größer als JPEG)
- Keine Unterstützung für Animationen (dafür gibt es APNG, was wieder etwas anderes ist)
- Übertrieben für Fotos, bei denen die verlustfreie Qualität ohnehin nicht sichtbar ist
Verwenden Sie PNG für Grafiken mit scharfen Kanten und Text, Screenshots, Logos und alles, was Transparenz erfordert. Verwenden Sie PNG niemals für Fotografien im Web. Ein als PNG gespeichertes Foto verschwendet enorme Mengen an Bandbreite für eine Qualität, die das Auge nicht sehen kann.
WebP: Der moderne Allrounder
Google hat WebP 2010 veröffentlicht, um sowohl JPEG als auch PNG durch ein einziges, kleineres Format zu ersetzen. Nachdem Safari im Jahr 2020 die Unterstützung hinzufügte, erreichte WebP praktisch universelle Browser-Unterstützung. Im Jahr 2026 können mehr als 97 % der Nutzer WebP-Bilder sehen.
Was WebP gut kann
- 25-35 % kleiner als JPEG bei gleicher visueller Qualität
- Bietet sowohl verlustbehaftete (für Fotos) als auch verlustfreie Komprimierung (für Grafiken) in einem Format
- Unterstützt Transparenz wie PNG, aber bei viel kleineren Dateien
- Unterstützt Animationen und ersetzt GIF durch kleinere Dateien
- Universelle Browser-Unterstützung seit 2020
Wo WebP Schwächen hat
- Wird in Desktop-Anwendungen immer noch nicht universell unterstützt (älteres Photoshop, Microsoft Office, einige Foto-Viewer)
- Keine Unterstützung durch Druckertreiber
- Etwas langsamer zu kodieren als JPEG
WebP ist im Jahr 2026 das beste Standardformat fürs Web. Es verarbeitet Fotos, Grafiken und Transparenz – alles in kleineren Größen als die älteren Formate. Der einzige Grund, es nicht zu verwenden, ist, wenn eine Datei den Browser in Richtung E-Mail, Druck oder Desktop-Software verlässt, die es nicht versteht.
AVIF: Der Komprimierungs-Champion
AVIF, das 2019 veröffentlicht wurde, basiert auf dem AV1-Video-Codec (der gleichen Technologie, die Netflix und YouTube verwenden). Es bietet die beste Komprimierung aller weit verbreiteten Formate. Bis 2026 deckt es mehr als 95 % der Browser ab, mit Unterstützung in Chrome, Firefox, Safari und Edge.
Was AVIF gut kann
- Bis zu 50 % kleiner als JPEG und 20-50 % kleiner als WebP bei gleicher visueller Qualität
- Unterstützt Transparenz, HDR und breite Farbräume (Wide Color Gamut)
- Kann sowohl verlustbehaftet als auch verlustfrei komprimieren
- Best-in-Class-Komprimierung für fotografische Inhalte
Wo AVIF Schwächen hat
- Langsamer zu kodieren als JPEG oder WebP, was bei Echtzeit-Bildverarbeitung ins Gewicht fällt
- Etwas geringere Browser-Abdeckung als WebP (95 % gegenüber 97 %), daher wird ein Fallback benötigt
- Kann bei aggressiver Komprimierung sehr feine Linien in scharfen Grafiken verwischen
- Qualitätseinstellungen sind nicht direkt mit JPEG oder WebP vergleichbar (AVIF Qualität 60 kann wie WebP Qualität 80 aussehen)
AVIF ist die beste Wahl für große, wichtige Fotos, bei denen sich die zusätzliche Einsparung bei der Dateigröße lohnt: Hero-Bilder, Produktaufnahmen, Fotografie-Portfolios. Kombinieren Sie es mit einem WebP- und JPEG-Fallback, damit jeder Browser etwas erhält, das er anzeigen kann.
Direkter Vergleich
Hier sehen Sie, wie die vier Formate bei den wichtigsten Faktoren abschneiden.
Kein einziges Format ist in allem der Gewinner. AVIF gewinnt bei der Komprimierung, JPEG bei der Kompatibilität, PNG hält Grafiken scharf, und WebP siegt als ausgewogener Standard. Der clevere Ansatz besteht darin, mehrere Formate bereitzustellen und den jeweiligen Browser wählen zu lassen, was er am besten unterstützt.
Möchten Sie Ihre Bilder sofort komprimieren oder in ein kleineres Format konvertieren? Nutzen Sie den kostenlosen Bildkompressor → für eine schnelle Komprimierung mit einem Klick, oder probieren Sie den benutzerdefinierten Kompressor aus →, um die genaue Qualität und Ziel-Dateigröße zu steuern. Beides läuft lokal in Ihrem Browser ab, ohne dass Dateien auf Server hochgeladen werden.
Wie man mehrere Formate zusammen verwendet (die Fallback-Kette)
Sie müssen sich nicht für ein einziges Format entscheiden. Moderne Websites stellen mehrere Formate bereit und überlassen es jedem Browser, das beste Format auszuwählen, das er anzeigen kann. Dies ist die leistungsstärkste Technik für blitzschnelle Bilder.
Das HTML-picture-Element erledigt dies automatisch. Sie stellen eine AVIF-Version, eine WebP-Version und eine JPEG-Version zur Verfügung. Der Browser probiert zuerst AVIF aus. Falls dies nicht unterstützt wird, greift er auf WebP zurück. Schlägt alles fehl, wird auf JPEG zurückgegriffen. So erhält jeder Besucher die kleinstmögliche Datei, die sein Browser unterstützt.
Die meisten Build-Tools, Content-Management-Systeme (CMS) und Image-CDNs übernehmen diese Fallback-Kette automatisch. Sie laden ein Bild hoch und das System generiert alle drei Formate und liefert das passende aus. Bei einer inhaltsreichen Website kann dies das Gesamtgewicht der Bilder um bis zu 70 % reduzieren.
Wenn Sie alles über die Optimierung von Bildern für die Geschwindigkeit erfahren möchten, einschließlich responsiver Skalierung und Lazy Loading, finden Sie hier unseren vollständigen Leitfaden zur Bildkomprimierung für Web-Geschwindigkeit, der den gesamten Workflow über die reine Formatauswahl hinaus abdeckt.
Welches Format für jede gängige Situation gewählt werden sollte
Ein Foto für Ihre Website
AVIF, wenn Ihre Plattform dies unterstützt, mit WebP und JPEG als Fallback. Wenn Sie nur eines auswählen können, bietet WebP die beste Balance aus Größe und Kompatibilität.
Ein Foto für E-Mail oder Druck
JPEG. E-Mail-Clients und Druckertreiber unterstützen WebP oder AVIF oft nicht zuverlässig. JPEG ist die sichere Option, die immer korrekt gerendert wird.
Ein Logo oder Icon
SVG, wenn es sich um eine Vektorgrafik handelt, da es bei winziger Dateigröße in jeder Skalierung scharf bleibt. Handelt es sich um ein Rasterbild, sollten Sie PNG oder verlustfreies WebP wählen, um die Kanten gestochen scharf zu halten.
Ein Screenshot
PNG eignet sich hervorragend für Screenshots, die Text und scharfe UI-Elemente enthalten, da verlustfreie Komprimierung alles lesbar hält. Ist der Screenshot größtenteils ein Foto, funktioniert auch WebP und spart Platz.
Ein Bild, das Transparenz benötigt
WebP oder AVIF fürs Web (kleinere Dateien bei voller Alpha-Unterstützung). PNG, wenn das Bild auch in älterer Desktop-Software funktionieren muss.
Ein Profilbild oder Avatar
WebP für Webplattformen, die es akzeptieren. JPEG als universelles Fallback. Diese Bilder werden einmal gespeichert und tausendfach angezeigt, sodass sich die Einsparungen bei der Komprimierung schnell bemerkbar machen.
Ein animiertes Bild
Animiertes WebP für kurze Loops und Sticker (kleiner als GIF mit besserer Farbqualität). Für alles Längere oder Größere schlägt das MP4-Video-Format jedes Bildformat bei Weitem.
Richtig zwischen Formaten konvertieren
Das Konvertieren von Bildern zwischen verschiedenen Formaten ist alltäglich, aber ein paar Regeln bewahren Sie davor, die Bildqualität zu zerstören.
In ein kleineres Format konvertieren
Der Wechsel von JPEG oder PNG zu WebP oder AVIF spart Speicherplatz, ohne dass bei korrekter Ausführung ein sichtbarer Qualitätsverlust auftritt. Der Trick liegt darin, das Original in höchster Qualität als Ausgangsmaterial zu verwenden und nicht eine bereits komprimierte Kopie. Wenn Sie nach der Konvertierung zudem eine exakte Dateigröße erreichen müssen, zeigen wir Ihnen hier, wie Sie die Dateigröße eines Bildes auf KB oder MB genau anpassen.
Konvertieren Sie niemals wiederholt verlustbehaftet
Jedes Mal, wenn Sie ein JPEG (oder ein anderes verlustbehaftetes Format) speichern, verliert es leicht an Qualität. Die Konvertierung von JPEG zu WebP, zu AVIF und wieder zurück summiert den Qualitätsverlust. Starten Sie immer vom Originalbild und konvertieren Sie es nur ein einziges Mal in das endgültige Format.
Einen ganzen Batch auf einmal konvertieren
Wenn Sie einen Ordner voller Bilder in ein einziges Format umwandeln möchten, spart Ihnen die Stapelverarbeitung Stunden an Arbeit. Die gleiche Logik, die hinter unserem Workflow zur Massen-Bildgrößenänderung steht, gilt auch für die Formatkonvertierung: Legen Sie Ihr Ausgabeformat einmal fest und wenden Sie es auf jede Datei im Ordner an.
On-the-fly konvertieren
Für einmalige Konvertierungen ist ein browserbasiertes Tool am schnellsten. Falls Sie neu auf dem Gebiet sind: Der Leitfaden zur Online-Bildgrößenanpassung führt Sie durch den grundlegenden Prozess aus „Hochladen-Anpassen-Herunterladen“, den auch die Formatkonvertierung verwendet.
5 Formatfehler, die Sie Geschwindigkeit oder Qualität kosten
1. Verwendung von PNG für Fotos
Das ist der häufigste und teuerste Fehler. Ein als PNG gespeichertes Foto kann 5-mal größer sein als dasselbe Foto im WebP- oder JPEG-Format. PNG ist für Grafiken gedacht, nicht für Fotos.
2. Im Jahr 2026 immer noch nur JPEG und PNG anbieten
Wenn Ihre Website immer noch nur JPEG- und PNG-Bilder ausliefert, verschenken Sie 25-50 % Einsparung bei der Dateigröße. WebP und AVIF komprimieren drastisch besser und werden inzwischen weithin unterstützt. Verwenden Sie sie immer zusammen mit Fallbacks.
3. Verwendung von AVIF ohne Fallback
AVIF deckt etwa 95 % aller Browser ab, nicht 100 %. AVIF ohne Fallback auszuliefern bedeutet, dass ein kleiner Prozentsatz Ihrer Besucher fehlerhafte Bilder sieht. Kombinieren Sie AVIF immer mit WebP und JPEG im HTML-picture-Element.
4. Konvertierung aus einer bereits komprimierten Datei
Die Konvertierung eines qualitativ schlechten JPEGs in AVIF stellt die verlorene Qualität nicht wieder her, sondern friert lediglich den bestehenden Verlust im neuen Format ein. Konvertieren Sie immer vom Originalbild in der höchsten verfügbaren Qualität.
5. WebP oder AVIF für Druck oder E-Mails nutzen
Diese Formate sind für das Web gemacht. E-Mail-Clients und Druckertreiber können sie oft nicht lesen. Verwenden Sie für alles, was den Browser verlässt, besser JPEG (für Fotos) oder PNG (für Grafiken).
Zusammenfassung
In den Formatkriegen gibt es keinen einzelnen Sieger, weil jedes Format für einen bestimmten Zweck entwickelt wurde. AVIF bietet die beste Komprimierung. JPEG funktioniert überall. PNG hält Grafiken gestochen scharf. WebP bildet das perfekte Gleichgewicht.
Für das Web im Jahr 2026 lautet die Antwort fast immer: AVIF zuerst, WebP als Fallback und JPEG als finales Sicherheitsnetz. So kann jeder Browser das Optimum für sich wählen. Für E-Mails und Drucke verwenden Sie JPEG. Für Logos und scharfe Grafiken greifen Sie zu SVG oder PNG. Und für Transparenz bieten sich WebP oder AVIF an.
Wählen Sie das passende Format für die jeweilige Aufgabe aus, und Ihre Bilder werden immer klein, gestochen scharf und blitzschnell geladen.