JPG vs. PNG vs. WebP vs. AVIF – welches Bildformat sollten Sie eigentlich verwenden?

JPG (JPEG) ist das Format, das deine Eltern verwenden, ohne den Namen zu kennen. Es wurde 1992 entwickelt und ist seit drei Jahrzehnten das Standardfotoformat. Jedes Gerät, jeder Browser, jede App auf der Welt öffnet JPGs. Es verwendet eine verlustbehaftete Komprimierung, d. h. es verwirft einige Bilddaten, um die Dateigröße zu reduzieren. Bei hohen Qualitätseinstellungen (85–95 %) ist der Unterschied für die meisten Menschen unsichtbar. Bei niedriger Qualität entstehen die charakteristischen „blockigen“ Artefakte an den Rändern.

PNG ist das Format, das Designer lieben. Es verwendet verlustfreie Komprimierung – es gehen niemals Daten verloren. Dies ist aus zwei Gründen wichtig: Transparenzunterstützung (JPG kann keine transparenten Hintergründe erstellen) und Textschärfe. Screenshots, Logos, Grafiken mit Text, alles mit scharfen Linien – PNG bewältigt diese perfekt. Der Nachteil liegt in der Dateigröße: Ein PNG kann leicht 5-10x größer sein als ein JPG desselben Fotos.

WebP ist Googles Antwort auf die Frage „Was wäre, wenn JPG und PNG ein Baby bekommen würden?“ Es unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierung, sorgt für Transparenz und erzeugt typischerweise Dateien, die 25–35 % kleiner sind als entsprechende JPGs. Die Browser-Unterstützung erreichte im Jahr 2023 95 %+, sodass die alte Kompatibilitätsausrede im Grunde genommen verschwunden ist. Wenn Sie Bilder im Web bereitstellen, ist WebP derzeit die praktische Wahl.

AVIF ist der neueste Anwärter, basierend auf dem AV1-Videocodec. Bei der reinen Komprimierungseffizienz übertrifft es alles andere – etwa 50 % kleiner als JPG bei gleicher visueller Qualität. Es unterstützt Transparenz, HDR und einen großen Farbraum. Der Nachteil? Die Kodierung ist langsam (deutlich langsamer als bei WebP) und die Browserunterstützung ist zwar gut, aber noch nicht ganz universell. Safari hat erst kürzlich die vollständige Unterstützung hinzugefügt.

Für Fotos – Urlaubsfotos, Produktbilder, Porträts – benötigen Sie eine verlustbehaftete Komprimierung, da diese Bilder weiche Farbverläufe und viele Farbvariationen aufweisen. JPG Funktioniert perfekt, wenn Kompatibilität für Sie Priorität hat. Wenn Sie diese auf eine Website stellen, WebP Reduziert Ihre Bandbreite um 30 % ohne sichtbaren Unterschied. AVIF spart noch mehr, aber die Kodierung dauert länger.

Beispiel aus der Praxis: Ein Landschaftsfoto im Format 1920 x 1080 könnte als JPG mit 90er-Qualität 450 KB, als WebP 320 KB und als AVIF 200 KB groß sein. Gleiche visuelle Qualität bei allen dreien – der Unterschied liegt lediglich in der Dateigröße. Bei einer Website, die 20 Bilder lädt, ist das der Unterschied zwischen 9 MB und 4 MB Bilddaten. Ihre Benutzer mit 4G-Verbindungen werden es bemerken.

Bei Bildern mit scharfen Kanten, Text, flachen Farben oder Transparenz ändert sich das Spiel. PNG ist immer noch die sichere Standardeinstellung – garantiert verlustfreie Qualität, universelle Unterstützung und Transparenz. WebP verlustfrei bietet Ihnen die gleiche Qualität bei etwa 26 % kleinerer Dateigröße. AVIF verlustfrei funktioniert ebenfalls, bietet jedoch weniger Einsparungen als verlustbehaftetes AVIF.

Verwenden Sie niemals JPG für Screenshots mit Text, Logos oder UI-Modellen. Die verlustbehaftete JPG-Komprimierung erzeugt sichtbare Artefakte rund um scharfe Farbübergänge – Text sieht verschwommen aus, gerade Linien werden wellig. Das ist kein Problem der Qualitätseinstellung; Dies ist eine grundlegende Einschränkung der Funktionsweise der JPG-Komprimierung.

Wenn Sie ein iPhone-Benutzer sind, fragen Sie sich möglicherweise, wo HEIC hineinpasst. HEIC ist das Standardfotoformat von Apple und bei ähnlicher Qualität etwa 50 % kleiner als JPG. Aber hier liegt das Problem: Andere Webbrowser als Safari unterstützen es größtenteils nicht. Windows benötigt zum Anzeigen ein Plugin. Die meisten Online-Formulare lehnen dies ab. HEIC eignet sich hervorragend zum Speichern von Fotos auf Ihrem iPhone, aber sobald Sie sie teilen oder hochladen müssen, werden Sie es tun Konvertieren in JPG oder WebP.

Für Websites: Stellen Sie AVIF mit einem WebP-Fallback und JPG als letztes Sicherheitsnetz bereit. Die meisten modernen Content-Management-Systeme und CDNs erledigen dies automatisch. Für Dokumente und Formulare: Bleiben Sie bei JPG – es ist das, was jedes Upload-Formular erwartet. Für Designarbeiten: Verwenden Sie während des Bearbeitungsprozesses PNG und exportieren Sie es zur Auslieferung als WebP oder AVIF. Zum Archivieren: Behalten Sie das Originalformat bei (normalerweise JPG oder RAW von Ihrer Kamera). Konvertieren Sie nicht wiederholt zwischen verlustbehafteten Formaten – jede Konvertierung verschlechtert die Qualität geringfügig.

Der Formatkrieg wird weitergehen. JPEG XL steht in den Startlöchern und wahrscheinlich wird es nächstes Jahr etwas Neues geben. Aber im Moment lautet die praktische Antwort für die meisten Menschen: JPG aus Kompatibilitätsgründen, WebP für die moderne Webnutzung, PNG, wenn Sie Transparenz oder verlustfreie Qualität benötigen. Wenn Sie zwischen diesen wechseln müssen, können Sie Folgendes tun: Bildkonverter Erledigt es in Sekundenschnelle, ohne dass etwas installiert werden muss.

Zahlen erzählen die Geschichte besser als Worte. Nehmen Sie ein typisches Foto im Format 1920 × 1080 auf und speichern Sie es in jedem Format mit vergleichbarer visueller Qualität. JPG in Qualität 85: ~250 KB. PNG (verlustfrei): ~2,5 MB. WebP in gleicher Qualität: ~180 KB. AVIF in gleicher Qualität: ~130 KB. Das bedeutet, dass AVIF bei optisch identischen Ergebnissen etwa halb so groß wie JPG und etwa 30 % kleiner als WebP ist.

Bei einer Grafik oder einem Screenshot mit Text und flachen Farben verschieben sich die Zahlen. PNG: ~150 KB. JPG mit Qualität 90: ~200 KB (und mit sichtbaren Artefakten rund um den Text). WebP verlustfrei: ~100 KB. AVIF verlustfrei: ~90 KB. Aus diesem Grund wird PNG für Grafiken bevorzugt – JPG erzeugt tatsächlich größere Dateien UND eine geringere Qualität für diese Art von Inhalten.

JPG und PNG funktionieren überall – in jedem Browser, in jeder App, auf jedem Gerät, seit Jahrzehnten. WebP bietet jetzt nahezu universelle Browserunterstützung: Chrome, Firefox, Safari (seit 2022), Edge und alle mobilen Browser unterstützen es. Die einzigen Hindernisse sind einige sehr alte Unternehmenssysteme und E-Mail-Clients.

Die AVIF-Unterstützung nimmt zu, ist aber noch nicht universell. Chrome, Firefox und Opera unterstützen es vollständig. Safari hat die AVIF-Unterstützung im Jahr 2023 hinzugefügt, einige ältere iOS-Geräte unterstützen sie jedoch immer noch nicht. Wenn Sie eine Website erstellen, besteht der sichere Ansatz darin, AVIF mit WebP-Fallback und JPG als letztes Sicherheitsnetz unter Verwendung von HTML bereitzustellen <picture> Element.

Die Konvertierung von verlustfrei in verlustbehaftet (PNG → JPG, PNG → WebP) ist absolut sicher – Sie wählen lediglich eine Komprimierungsstufe. Die Konvertierung von verlustbehaftet in verlustbehaftet (JPG → WebP) funktioniert für eine einzelne Konvertierung gut, führt jedoch zu leichten Qualitätsverlusten. Konvertieren Sie niemals wiederholt zwischen verlustbehafteten Formaten hin und her – jede Konvertierung verschlechtert die Qualität weiter, wie beim Fotokopieren einer Fotokopie.

Wenn Sie Bilder zwischen Formaten konvertieren müssen, Konvertieren Sie PNG in JPG, Konvertieren Sie HEIC in JPG, oder nutzen Sie unser anderes Konvertierungstools – alles kostenlos und sofort in Ihrem Browser.

Verwenden Sie JPG, wenn: Teilen von Fotos per E-Mail, Hochladen in soziale Medien oder wenn die universelle Kompatibilität wichtiger ist als die Dateigröße. Verwenden Sie PNG, wenn: Das Bild ist transparent, enthält Text oder scharfe Kanten oder Sie benötigen für die Bearbeitung verlustfreie Qualität. Verwenden Sie WebP, wenn: Optimieren Sie Bilder für Ihre Website – es ist das beste Gleichgewicht zwischen Qualität, Dateigröße und Browserunterstützung. Verwenden Sie AVIF, wenn: Sie benötigen maximale Komprimierung und können Fallbacks für ältere Browser bereitstellen.