Leitfaden zur Bildformat-Konvertierung: JPG, PNG, WebP & AVIF erklärt

Jedes Bild im Web ist in einem bestimmten Format kodiert, und dieses Format bestimmt, wie viel Bandbreite das Bild verbraucht, wie es auf verschiedenen Geräten dargestellt wird und welche visuellen Funktionen es unterstützt. Das falsche Format zu wählen — oder bei einem veralteten zu bleiben — bedeutet größere Dateien, langsamere Seiten und verpasste Optimierungsmöglichkeiten.

Formatkonvertierung ist der Prozess der Neukodierung eines Bildes von einem Format in ein anderes. Die Konvertierung eines JPG in WebP kann die Dateigröße laut Google's WebP-Dokumentation um 25–34 % reduzieren, ohne sichtbaren Qualitätsverlust. Die Konvertierung eines PNG in AVIF kann eine verlustfreie Grafik um 50 % oder mehr verkleinern. Aber unvorsichtiges Konvertieren — ein JPG durch mehrere verlustbehaftete Neukodierungen zu schicken — kann die Bildqualität auf schwer umkehrbare Weise zerstören.

Dieser Leitfaden behandelt die vier wichtigsten Web-Bildformate (JPEG, PNG, WebP und AVIF), vergleicht ihre Fähigkeiten direkt, führt durch die häufigsten Konvertierungsszenarien und zeigt Ihnen, wie Sie Bilder effizient mit ImgCompress.app konvertieren.

Die vier wichtigsten Web-Bildformate

Bevor Sie irgendetwas konvertieren, müssen Sie verstehen, was jedes Format gut kann und wo es Schwächen hat. Hier ist ein technischer Überblick über die vier Formate, denen Sie am häufigsten begegnen werden.

JPEG (JPG)

JPEG ist das älteste Format hier und immer noch das am weitesten verbreitete für fotografische Inhalte im Web. Definiert durch den ITU-T T.81-Standard (1992), verwendet JPEG eine verlustbehaftete Kompressionspipeline basierend auf der Diskreten Kosinustransformation (DCT). Der Encoder teilt das Bild in 8×8-Pixelblöcke, transformiert jeden Block in Frequenzkoeffizienten, quantisiert diese Koeffizienten, um weniger wahrnehmbare Details zu verwerfen, und wendet Entropiekodierung an.

JPEG eignet sich hervorragend für die Komprimierung von Fotografien und sanften Verläufen. Bei Qualität 80 komprimiert ein typisches Foto auf etwa 10–15 % seiner unkomprimierten Größe mit minimaler sichtbarer Verschlechterung. Das Format unterstützt progressive Darstellung und Chroma-Subsampling (4:2:0, 4:2:2) zur weiteren Reduzierung der Dateigröße.

Die wichtigsten Einschränkungen: JPEG unterstützt keine Transparenz oder Animation, und jeder Speicher-und-Öffnen-Zyklus bei verlustbehafteter Qualität führt zu zusätzlichen Artefakten (Generationsverlust).

PNG

PNG (Portable Network Graphics) wurde als verlustfreier, patentfreier Ersatz für GIF entwickelt. Definiert durch die W3C PNG-Spezifikation (ISO/IEC 15948), verwendet PNG DEFLATE-Komprimierung kombiniert mit zeilenweisen Vorhersagefiltern für verlustfreie Komprimierung.

PNG bewahrt jeden Pixel exakt, was es zur Standardwahl für Screenshots, Logos, Icons und Diagramme macht. Es unterstützt volle 8-Bit-Alpha-Transparenz (256 Stufen pro Pixel) und bis zu 16 Bit pro Kanal für erweiterte Farbtiefe-Workflows.

Der Kompromiss ist die Dateigröße. Da PNG verlustfrei ist, kann es bei fotografischen Inhalten nicht mit verlustbehafteten Formaten konkurrieren — ein PNG-Foto ist typischerweise 5–10× größer als ein JPEG bei vergleichbarer visueller Qualität. PNG bietet auch keine native Animationsunterstützung.

WebP

WebP wurde von Google entwickelt und 2010 veröffentlicht, basierend auf dem VP8-Video-Codec für verlustbehaftete Komprimierung und einem separaten Algorithmus für verlustfreie Komprimierung. Das Format ist in der Google WebP-Entwicklerdokumentation dokumentiert.

WebP unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierung, Transparenz und Animation in einem einzigen Container. Laut Googles Benchmarks erzeugt verlustbehaftetes WebP Dateien, die 25–34 % kleiner sind als JPEG bei gleichwertigem SSIM-Qualitätswert, und verlustfreies WebP ist im Durchschnitt etwa 26 % kleiner als PNG.

Die Browser-Unterstützung hat laut Can I Use-Daten von Anfang 2025 etwa 97 % global erreicht. Die verbleibende Lücke stammt hauptsächlich von Internet Explorer 11 (End of Life 2022) und älteren Safari-Versionen. WebPs Haupteinschränkungen sind die 8-Bit-Farbtiefengrenze und etwas langsamere Kodierung im Vergleich zu JPEG.

AVIF

AVIF ist das neueste Format hier, basierend auf dem AV1-Video-Codec der Alliance for Open Media (AOM). AVIF nutzt AV1-Intra-Frame-Kodierung, um eine Komprimierung zu erreichen, die sowohl JPEG als auch WebP übertrifft.

AVIF unterstützt verlustbehaftete und verlustfreie Komprimierung, volle Alpha-Transparenz, Animation, HDR, erweiterten Farbraum (bis zu 12-Bit-Farbtiefe) und Film-Grain-Synthese. In Benchmarks erzeugt AVIF typischerweise Dateien, die 20–50 % kleiner als JPEG und 20–30 % kleiner als WebP bei gleichwertiger wahrgenommener Qualität sind.

Die Browser-Unterstützung liegt Anfang 2025 bei etwa 93 % global (Can I Use-Daten). Chrome, Firefox, Safari (seit 16.4) und Edge unterstützen alle AVIF. Die Hauptnachteile sind deutlich langsamere Kodierungsgeschwindigkeit und die 7 %-Lücke bei der Browser-Unterstützung.

Formatfunktions-Vergleichsmatrix

Die folgende Tabelle fasst die wichtigsten Fähigkeiten aller vier Formate zusammen. Verwenden Sie sie als Kurzreferenz bei der Entscheidung, in welches Format konvertiert werden soll.

Diese Matrix zeigt eine klare Progression: JPEG und PNG sind spezialisierte Formate (verlustbehaftete Fotos bzw. verlustfreie Grafiken), während WebP und AVIF Allzweckformate sind, die beide Anwendungsfälle in einem einzigen Container mit besserer Komprimierung abdecken. Der Kompromiss bei neueren Formaten ist reduzierte Kompatibilität und, im Fall von AVIF, deutlich langsamere Kodierung.

Häufige Konvertierungsszenarien und empfohlene Richtungen

Nicht alle Konvertierungen sind gleich sinnvoll. Einige Pfade liefern dramatische Dateigrößeneinsparungen ohne Qualitätsverlust, während andere marginale Gewinne bieten oder die Dateigröße sogar erhöhen. Hier sind die häufigsten Konvertierungsszenarien, nach Wirkung geordnet.

Konvertierungen mit hoher Wirkung

JPEG → WebP (Lossy): Dies ist die wirkungsvollste einzelne Konvertierung für die meisten Websites. Sie erhalten 25–34 % kleinere Dateien ohne sichtbaren Qualitätsunterschied bei gleichwertigen Einstellungen. Da WebP 97 % Browser-Unterstützung hat, ist diese Konvertierung für nahezu alle Zielgruppen sicher. Empfohlene Qualität: gleich oder etwas über Ihrer ursprünglichen JPEG-Qualitätseinstellung.

PNG → WebP (Lossless): Die Konvertierung verlustfreier PNG-Grafiken in verlustfreies WebP spart etwa 26–33 % bei null Qualitätsverlust — jeder Pixel wird identisch bewahrt. Das ist ein Selbstläufer für Logos, Icons, Screenshots und UI-Elemente. Wenn Sie noch kleinere Dateien brauchen und geringfügige Qualitätskompromisse akzeptieren können, kann verlustbehaftetes WebP mit Alpha die PNG-Dateigrößen um 60–80 % reduzieren.

JPEG → AVIF (Lossy): Für maximale Komprimierung schlägt AVIF sowohl JPEG als auch WebP. Erwarten Sie 30–50 % kleinere Dateien im Vergleich zu JPEG bei gleichwertiger wahrgenommener Qualität. Der Kompromiss ist langsamere Kodierung und 93 % Browser-Unterstützung (vs. 97 % für WebP). Am besten geeignet für Websites, die AVIF mit einem WebP- oder JPEG-Fallback ausliefern können.

PNG → AVIF (Lossless oder Lossy): AVIFs verlustfreier Modus erzeugt typischerweise Dateien, die 30–40 % kleiner als PNG sind. Verlustbehaftetes AVIF mit Alpha-Transparenz kann dramatisch kleiner als PNG sein und dabei ausgezeichnete visuelle Qualität beibehalten. Diese Konvertierung ist ideal für Websites, die bereits AVIF verwenden oder eine Bildpipeline der nächsten Generation aufbauen.

Konvertierungen mit moderater Wirkung

WebP → AVIF: Wenn Sie bereits zu WebP konvertiert haben, bringt der Wechsel zu AVIF eine zusätzliche Reduktion von 15–25 %. Ob dies den Aufwand rechtfertigt, hängt von Ihrem Traffic-Volumen und Ihren Performance-Zielen ab. Für stark frequentierte Websites können die kumulierten Bandbreiteneinsparungen erheblich sein.

PNG → JPEG: Dies ist eine gültige Konvertierung, wenn Sie fotografische Inhalte als PNG gespeichert haben (häufig beim Export aus Design-Tools) und keine Transparenz benötigen. Die Dateigrößenreduktion ist dramatisch — oft 80–90 % — aber Sie verlieren den Alpha-Kanal dauerhaft.

Zu vermeidende Konvertierungen

JPEG → PNG: Die Konvertierung eines verlustbehafteten JPEG in verlustfreies PNG erhöht die Dateigröße erheblich (oft 5–10×), ohne Qualität zurückzugewinnen. Die JPEG-Artefakte bleiben im PNG erhalten. Der einzige gültige Grund ist, wenn Sie in einem Bearbeitungs-Workflow Transparenz hinzufügen müssen.

Jede Lossy → Lossy-Kette ohne das Original: Die Neukodierung eines verlustbehafteten Bildes durch ein anderes verlustbehaftetes Format verstärkt die Qualitätsverschlechterung. Konvertieren Sie immer von der höchstqualitativen verfügbaren Quelle, idealerweise der originalen unkomprimierten oder verlustfreien Datei.

Zusammenfassung der Konvertierungswirkung

Tutorial: JPG in WebP konvertieren mit ImgCompress.app

Lassen Sie uns die häufigste Konvertierung durchgehen — JPEG zu WebP — mit dem Formatkonverter von ImgCompress.app. Der gesamte Prozess läuft clientseitig in Ihrem Browser, sodass Ihre Bilder nie Ihr Gerät verlassen.

Schritt-für-Schritt-Prozess

1. Konverter öffnen. Navigieren Sie zu unserem Bildkonverter in einem modernen Browser. Das Tool lädt sofort ohne Konto oder Installation.

2. JPEG-Dateien hochladen. Ziehen Sie eine oder mehrere JPG-Dateien per Drag & Drop auf den Upload-Bereich oder klicken Sie zum Durchsuchen Ihres Dateisystems. Der Konverter akzeptiert einzelne Dateien oder ganze Stapel.

3. WebP als Ausgabeformat wählen. Wählen Sie WebP aus dem Zielformat-Dropdown. Der Konverter verwendet standardmäßig den verlustbehafteten Modus, was die richtige Wahl für JPEG-Quelldateien ist, da diese bereits verlustbehaftet sind.

4. Qualitätseinstellungen anpassen. Für die meisten JPEG-zu-WebP-Konvertierungen bietet eine Qualitätseinstellung von 80 eine ausgezeichnete Balance aus Dateigröße und visueller Treue. Wenn Ihr Quell-JPEG bei Qualität 90+ gespeichert wurde, können Sie WebP-Qualität 85 verwenden, um vergleichbare visuelle Qualität bei kleinerer Datei beizubehalten.

5. Konvertieren und Vorschau. Klicken Sie auf die Konvertierungsschaltfläche. ImgCompress.app verarbeitet jedes Bild über die Canvas API und Web Workers für schnelle, parallele Konvertierung. Nach Abschluss können Sie jedes konvertierte Bild in der Vorschau ansehen und mit dem Original vergleichen.

6. Qualität überprüfen. Verwenden Sie den Vorher-Nachher-Vergleich, um auf sichtbare Unterschiede zu prüfen. Achten Sie auf feinen Text, scharfe Kanten und Verlaufsbereiche — hier sind verlustbehaftete Komprimierungsartefakte am auffälligsten. Bei Qualität 80 sind Unterschiede bei normalen Betrachtungsabständen typischerweise unsichtbar.

7. Ergebnisse herunterladen. Laden Sie einzelne Dateien herunter oder holen Sie sich alles als einzelnes ZIP-Archiv. Die konvertierten WebP-Dateien sind bereit für den Einsatz auf Ihrer Website.

Konvertierungsergebnisse: Echte Daten

Wir haben fünf gängige JPEG-Bilder bei Qualität 80 in WebP konvertiert, um die tatsächlichen Einsparungen zu messen:

Die Ergebnisse sind konsistent: WebP bei Qualität 80 liefert 32–35 % Dateigrößenreduktion im Vergleich zu den Original-JPEG-Dateien ohne sichtbare Qualitätsverschlechterung. Für eine Website, die 50 Bilder pro Seite ausliefert, bedeutet das etwa ein Drittel weniger Bandbreite bei jedem Seitenaufruf.

Tipps zur Qualitätserhaltung: Konvertierungsfallen vermeiden

Formatkonvertierung ist mächtig, aber unvorsichtiges Konvertieren kann Ihre Bilder verschlechtern. Hier sind die wichtigsten Regeln, die Sie befolgen sollten.

Das Problem des Generationsverlusts

Jedes Mal, wenn Sie ein Bild mit verlustbehafteter Komprimierung kodieren, werden dauerhaft Informationen verworfen. Wenn Sie ein JPEG nehmen, es in WebP (Lossy) konvertieren und dann dieses WebP in AVIF (Lossy) konvertieren, haben Sie drei Runden verlustbehafteter Komprimierung angewendet. Jede Runde führt zusätzliche Artefakte ein, die sich auf die vorherigen aufbauen.

Das nennt man Generationsverlust, und es ist der häufigste Fehler in Formatkonvertierungs-Workflows. Die Verschlechterung mag nach einer Konvertierung subtil sein, aber nach zwei oder drei Runden wird sie deutlich sichtbar — besonders in Bereichen mit feinen Details, Text oder scharfen Kanten.

Best Practices zur Qualitätserhaltung

• Konvertieren Sie immer von der höchstqualitativen Quelle. Wenn Sie die originale RAW-Datei oder ein unkomprimiertes TIFF haben, verwenden Sie das als Konvertierungsquelle. Wenn die beste verfügbare Quelle ein JPEG ist, konvertieren Sie direkt von diesem JPEG in Ihr Zielformat — gehen Sie nicht durch ein verlustbehaftetes Zwischenformat.

• Verketten Sie niemals verlustbehaftete Konvertierungen. JPEG → WebP ist in Ordnung. JPEG → WebP → AVIF ist es nicht. Wenn Sie sowohl WebP- als auch AVIF-Versionen möchten, erstellen Sie beide aus dem Original-JPEG (oder besser aus der verlustfreien Quelle).

• Verwenden Sie verlustfreie Konvertierung, wenn die Quelle verlustfrei ist. Wenn Ihre Quelle ein PNG ist, konvertieren Sie in WebP Lossless oder AVIF Lossless, um jeden Pixel zu bewahren. Wechseln Sie nur zu Lossy, wenn Sie gezielt kleinere Dateien brauchen und den Qualitätskompromiss akzeptieren.

• Gleichen oder übertreffen Sie die Quellqualitätseinstellung. Wenn Sie JPEG (Qualität 85) in WebP konvertieren, verwenden Sie WebP-Qualität 85 oder höher. Eine niedrigere Qualitätseinstellung als die Quelle garantiert sichtbare Verschlechterung.

• Bewahren Sie Ihre Originale. Löschen Sie niemals Quelldateien nach der Konvertierung. Speicherplatz ist günstig; verlorene Qualität wiederherzustellen ist unmöglich. Pflegen Sie ein Quellarchiv neben Ihren optimierten Auslieferungsdateien.

• Überprüfen Sie vor der Bereitstellung. Sehen Sie sich konvertierte Bilder immer bei 100 % Zoom in der Vorschau an, bevor Sie Originale auf Ihrer Website ersetzen. Automatisierte Stapelkonvertierung ist effizient, aber Stichproben fangen Probleme ab, bevor sie Ihre Nutzer erreichen.

Für ein tieferes Verständnis der Funktionsweise verlustbehafteter Komprimierung und der Wahl optimaler Qualitätseinstellungen lesen Sie unseren Leitfaden JPEG-Komprimierung: Best Practices.

Workflow zur Stapel-Formatkonvertierung

Die Konvertierung einzelner Bilder funktioniert für kleine Projekte, aber die meisten realen Szenarien umfassen Dutzende oder Hunderte von Dateien. Hier ist ein effizienter Stapelkonvertierungs-Workflow mit ImgCompress.app.

Ihre Stapelkonvertierung planen

Bevor Sie konvertieren, sortieren Sie Ihre Bilder nach Quellformat und beabsichtigter Verwendung:

1. Aktuelle Bilder prüfen. Identifizieren Sie, welche Formate Sie derzeit ausliefern. Die meisten Websites haben einen Mix aus JPEG (Fotografien) und PNG (Grafiken, Logos, Screenshots).

2. Zielformate nach Inhaltstyp wählen:

   • Fotografien (JPEG-Quellen) → WebP Lossy bei Qualität 80
   • Grafiken mit Transparenz (PNG-Quellen) → WebP Lossless
   • Hero-Bilder und stark frequentierte Seiten → AVIF mit WebP-Fallback
   • E-Mail und Legacy-Kontexte → JPEG/PNG-Originale behalten

3. Konsistente Qualitätsparameter festlegen. Verwenden Sie die gleiche Qualitätseinstellung für alle Bilder des gleichen Typs für visuelle Konsistenz.

Die Stapelkonvertierung durchführen

1. Navigieren Sie zu unserem Bildkonverter und laden Sie Ihren gesamten Stapel hoch — der Konverter verarbeitet mehrere Dateien parallel.

2. Wählen Sie Ihr Zielformat und Qualitätseinstellungen.

3. Lassen Sie den Konverter alle Dateien verarbeiten. ImgCompress.app nutzt Web Workers zur gleichzeitigen Bildverarbeitung, sodass auch große Stapel schnell abgeschlossen werden.

4. Prüfen Sie stichprobenartig 3–5 repräsentative Bilder aus dem Stapel. Überprüfen Sie, dass Text scharf ist, Verläufe glatt sind und transparente Bereiche korrekt dargestellt werden.

5. Laden Sie den gesamten Stapel als ZIP-Archiv herunter und stellen Sie ihn auf Ihrem Server oder CDN bereit.

Multi-Format-Auslieferungsstrategie

Für maximale Performance bei breiter Kompatibilität erwägen Sie, mehrere Formate aus jedem Quellbild zu erzeugen:

• Primär: AVIF (kleinste Dateien, 93 % Browser-Unterstützung)
• Fallback: WebP (etwas größer, 97 % Browser-Unterstützung)
• Legacy-Fallback: Original JPEG/PNG (universelle Unterstützung)

Liefern Sie diese über das HTML-<picture>-Element aus, das dem Browser ermöglicht, das beste unterstützte Format automatisch auszuwählen:

<picture>
  <source srcset="photo.avif" type="image/avif" />
  <source srcset="photo.webp" type="image/webp" />
  <img src="photo.jpg" alt="Produktfotografie" />
</picture>

Dieser Ansatz liefert die kleinstmögliche Datei an jeden Besucher, unabhängig von seinem Browser. Für mehr zur Bildoptimierung in verschiedenen Kontexten lesen Sie unseren Ultimativen Leitfaden zur Bildkomprimierung.

Das richtige Format wählen: Ein Entscheidungsrahmen

Mit vier Formaten zur Auswahl hier ein praktischer Entscheidungsbaum:

• Fotografie oder komplexe Grafik mit sanften Verläufen? → Verwenden Sie AVIF (beste Komprimierung) oder WebP (breitere Unterstützung) im verlustbehafteten Modus.
• Braucht Transparenz? → Verwenden Sie WebP (Lossless oder Lossy mit Alpha) oder AVIF. Vermeiden Sie JPEG.
• Muss pixelgenau sein (Logos, Screenshots, Diagramme)? → Verwenden Sie WebP Lossless oder PNG.
• Braucht universelle Kompatibilität (E-Mail, Legacy-Systeme)? → Verwenden Sie JPEG für Fotos, PNG für Grafiken.
• Ansonsten → Verwenden Sie WebP Lossy oder AVIF Lossy für maximale Komprimierung.

Für einen detaillierten Vergleich von WebP und PNG speziell lesen Sie unseren WebP vs. PNG-Vergleichsleitfaden. Für einen tiefgehenden Blick auf AVIFs Fähigkeiten lesen Sie unseren AVIF-Format: Tiefgehende Analyse.

Fazit

Bildformat-Konvertierung ist eine der wirkungsvollsten Optimierungen, die Webentwicklern und Content-Erstellern zur Verfügung stehen. Die Daten sind eindeutig: Die Konvertierung von JPEG zu WebP spart 25–34 %, die Konvertierung von PNG zu WebP Lossless spart 26–33 %, und die Konvertierung zu AVIF steigert die Einsparungen auf 30–50 % im Vergleich zu JPEG. Das sind keine theoretischen Zahlen — es sind konsistente, reproduzierbare Ergebnisse, gestützt durch die Formatspezifikationen (ITU-T T.81 für JPEG, Googles WebP-Dokumentation und die AOM-AVIF-Spezifikation) und bestätigt durch reale Konvertierungstests.

Der Schlüssel zur erfolgreichen Formatkonvertierung ist das Verständnis Ihres Quellmaterials, die Wahl des richtigen Zielformats und die Vermeidung von Generationsverlust durch verkettete verlustbehaftete Konvertierungen. Starten Sie von der höchstqualitativen verfügbaren Quelle, konvertieren Sie direkt in Ihr Zielformat, überprüfen Sie die Ergebnisse und bewahren Sie Ihre Originale.

Für die meisten Websites im Jahr 2025 ist die praktische Empfehlung unkompliziert: Konvertieren Sie Fotografien zu WebP (oder AVIF, wenn Sie Fallbacks ausliefern können), konvertieren Sie verlustfreie Grafiken zu WebP Lossless und verwenden Sie das <picture>-Element für Multi-Format-Auslieferung, wenn maximale Performance wichtig ist.

Bereit, Ihre Bilder zu konvertieren? Probieren Sie unseren kostenlosen Formatkonverter — er verarbeitet alles in Ihrem Browser, unterstützt Stapelkonvertierung über alle vier Formate und ermöglicht den Vergleich der Ergebnisse vor dem Download.

Weiterführende Artikel:

• Der ultimative Leitfaden zur Bildkomprimierung 2025: Dateigröße um 90 % reduzieren
• WebP vs. PNG: Vollständiger Formatvergleich 2025
• AVIF-Format: Tiefgehende Analyse der Bildkomprimierung der nächsten Generation