JPG, PNG, WebP oder AVIF? So wählen Sie das richtige Bildformat

Die Wahl des Bildformats ist ein Abwägen zwischen Dateigröße, Qualität, Transparenz und Kompatibilität. Mit dem falschen Format bekommt ein Logo einen grauen Kasten, ein Screenshot ist fünfmal größer als nötig oder ein Upload-Formular lehnt das Foto ab. Dieser Ratgeber erklärt die vier wichtigsten Formate, zeigt unsere Messergebnisse und endet mit einer einfachen Entscheidungsregel.

Die kurze Antwort

• Fotos auf einer Website: WebP, oder AVIF, wenn Sie die kleinsten Dateien wollen und sie erzeugen können.
• Fotos für E-Mail, Formulare oder den Druck: JPG. Jedes Gerät, jedes Programm und jede Druckerei kann damit umgehen.
• Logos, Icons, Diagramme, Screenshots mit Text, alles mit Transparenz: PNG oder verlustfreies WebP.
• Animationen: animiertes WebP oder ein kurzes Video statt GIF.

So unterscheiden sich die vier Formate

Verlustbehaftete Kompression verwirft Details, die das Auge kaum vermisst; die Qualitätseinstellung bestimmt, wie viele. Verlustfreie Kompression stellt jedes Pixel exakt wieder her. Das ist ideal für scharfe Kanten und Text, macht Fotos aber groß. JPG kann überhaupt keine Transparenz speichern, deshalb bekommt ein als JPG gespeichertes Logo immer einen festen Hintergrund.

Was wir gemessen haben

Um echte Zahlen statt Werbeversprechen zu bekommen, haben wir drei urheberrechtsfreie Testfotos (gemeinfrei oder CC0) verwendet, die mit der Bibliothek scikit-image ausgeliefert werden: ein Astronautenporträt (512 × 512 Pixel), eine Tasse Kaffee (600 × 400) und eine Katze (451 × 300), alle verlustfrei gespeichert. Jedes Foto haben wir mit Pillow 12 (libjpeg-turbo, libwebp 1.6, libavif 1.4) als JPG, WebP und AVIF kodiert. Für jedes Format haben wir die niedrigste Qualitätsstufe gesucht, die noch dieselbe Ähnlichkeit zum Original erreicht: einen SSIM-Wert von 0,97, der bei normaler Betrachtung kaum vom Original zu unterscheiden ist.

Bei gleicher Qualität waren die WebP-Dateien insgesamt 26 % kleiner als JPG (24–28 % je Foto). Das liegt nah an den 25–34 %, die Google für WebP angibt. AVIF sparte 41 % (30–44 % je Foto). Als PNG hätten die Fotos fast neunmal so viel Platz gebraucht wie als JPG: Verlustfreie Kompression ist für Fotos schlicht das falsche Werkzeug.

Screenshots verhalten sich anders

Außerdem haben wir einen Screenshot der Startseite dieser Website gespeichert (1280 × 900 Pixel, überwiegend Flächen und Text). Als PNG belegte er 248 kB; verlustfreies WebP senkte das auf 139 kB, also 44 % weniger, ohne ein einziges Pixel zu verändern. Ein JPG mit Qualität 85 war noch kleiner (81 kB), doch JPG-Kompression hinterlässt feine Schlieren an scharfen Textkanten, und jedes weitere Speichern fügt neue hinzu. Für Screenshots sollten Sie mit verlustfreiem WebP oder PNG beginnen.

JPG: das universelle Fotoformat

JPG ist seit Anfang der 1990er-Jahre der Standard für Fotos, und genau das ist seine größte Stärke: Jedes Handy, jeder Computer, jedes E-Mail-Programm, jedes Upload-Formular und jede Druckerei verarbeitet es. Nutzen Sie JPG immer dann, wenn Sie nicht wissen, was der Empfänger öffnen kann.

Die Schwächen sind ebenso klar. JPG hat keine Transparenz, und die Kompression arbeitet in Blöcken von 8 × 8 Pixeln, die bei niedriger Qualität als Klötzchen sichtbar werden. Jedes Mal, wenn Sie ein JPG öffnen, bearbeiten und erneut speichern, geht etwas mehr Detail verloren. Bewahren Sie das Original auf und exportieren Sie Kopien, statt dieselbe Datei immer wieder zu speichern.

PNG: verlustfrei und transparent

PNG speichert jedes Pixel exakt und unterstützt volle Transparenz mit 256 Deckkraftstufen pro Pixel. Damit ist es die sicherste Wahl für Logos, Icons, Diagramme und Oberflächengrafiken, die auf jedem Hintergrund scharf aussehen müssen. Grafiken mit wenigen Farben lassen sich als PNG außerdem sehr gut komprimieren.

Für Fotos ist PNG die falsche Wahl, wie unsere Tabelle zeigt. Und ein JPG in PNG umzuwandeln, stellt keine verlorene Qualität wieder her: PNG speichert die bereits komprimierten Pixel nur ohne weiteren Verlust, die Datei wird also bloß größer.

WebP: der praktische Standard fürs Web

Google hat WebP 2010 vorgestellt. Es vereint verlustbehaftete und verlustfreie Kompression, Transparenz und Animation in einem Format, und alle aktuellen Versionen von Chrome, Edge, Firefox und Safari zeigen es an (Safari unter macOS benötigt Version 14 und macOS Big Sur oder neuer). Für die meisten Websites bietet es die beste Balance aus Größe, Qualität und Kompatibilität.

Der Haken liegt außerhalb des Browsers: Manche älteren Programme, Online-Formulare und Druckdienste lehnen WebP noch ab. Halten Sie für diese Fälle eine JPG- oder PNG-Version bereit; unser Bildkonverter wandelt WebP in wenigen Sekunden in beide Formate zurück.

AVIF: die kleinsten Dateien, aber langsamer erzeugt

AVIF basiert auf dem Videocodec AV1; Version 1.0 der Spezifikation erschien 2019. In unserem Test lieferte es die kleinsten Dateien. Die Browserunterstützung ist inzwischen breit, kam aber später als bei WebP: Safari hat AVIF erst 2022 eingeführt, Edge 2024.

Das Kodieren dauert deutlich länger. Das Kaffeefoto zu speichern, dauerte auf unserem Testrechner etwa 4 Millisekunden als JPG, 75 als WebP (bei der langsamsten, effizientesten Einstellung) und rund 950 als AVIF bei mittlerer Geschwindigkeitsstufe. Bei einem einzelnen Bild spielt das kaum eine Rolle, bei Tausenden Bildern auf einem Server schon. Browser können AVIF anzeigen, aber nicht alle können AVIF-Dateien in einer Webseite erzeugen. Deshalb bietet unser Konverter JPG, PNG und WebP an, die jeder aktuelle Browser erzeugen kann.

Die Pixelmaße zählen mehr als das Format

Die größten Einsparungen bringt meist das Verkleinern, nicht das Format. Ein Handyfoto mit 12 Megapixeln hat 4000 × 3000 Pixel. In einer 800 Pixel breiten Blogspalte braucht es höchstens etwa 1600 × 1200 Pixel, um auch auf hochauflösenden Bildschirmen scharf zu wirken. Diese Verkleinerung entfernt 84 % der Pixel, bevor überhaupt komprimiert wird.

1. Zuschneiden: Entfernen Sie, was Sie nicht brauchen, mit dem Tool Bild zuschneiden.
2. Verkleinern: Bringen Sie das Bild mit dem Tool Bildgröße ändern auf die größte Darstellungsgröße (etwa die doppelte Anzeigebreite für scharfe Bilder auf hochauflösenden Bildschirmen).
3. Umwandeln: Wählen Sie mit dem Bildkonverter das passende Format.
4. Komprimieren: Starten Sie im Tool Bild komprimieren bei etwa Qualität 75 und vergleichen Sie das Ergebnis in 100-%-Ansicht mit dem Original.
5. Original behalten: Jedes verlustbehaftete Speichern kostet etwas Detail.

Bild komprimierenJPG-, PNG- und WebP-Bilder direkt im Browser komprimieren: Qualität wählen, Abmessungen verkleinern und kleinere Dateien herunterladen – ohne Upload.Tool öffnen

Eine einfache Entscheidungsregel

• Braucht das Bild einen transparenten Hintergrund? Nehmen Sie PNG oder für kleinere Dateien WebP.
• Ist es ein Foto für eine Website? Nehmen Sie WebP; AVIF, wenn Ihr System es erzeugen kann und jedes Kilobyte zählt.
• Ist es ein Foto für E-Mail, ein Formular, eine Druckerei oder einen unbekannten Empfänger? Nehmen Sie JPG.
• Ist es ein Screenshot, ein Diagramm oder ein Logo? Nehmen Sie PNG oder verlustfreies WebP. Liegt das Logo als Vektordatei vor, ist SVG im Web noch besser.
• Ist es animiert? Nehmen Sie animiertes WebP oder ein kurzes Video statt GIF, das auf 256 Farben beschränkt ist.

Tools aus diesem Ratgeber

• Bildformat umwandeln (JPG, PNG, WebP)

  Bilder direkt im Browser zwischen JPG, PNG und WebP umwandeln – z. B. PNG in JPG oder JPG in PNG. Stapelverarbeitung, kein Upload.

  Tool öffnen

• Bild komprimieren

  JPG-, PNG- und WebP-Bilder direkt im Browser komprimieren: Qualität wählen, Abmessungen verkleinern und kleinere Dateien herunterladen – ohne Upload.

  Tool öffnen

• Bildgröße ändern

  Bilder auf genaue Pixelmaße oder prozentual verkleinern – mit oder ohne festes Seitenverhältnis. Kostenlos, schnell und privat.

  Tool öffnen

• Bild zuschneiden

  JPG-, PNG- und WebP-Bilder online zuschneiden: Rahmen ziehen oder Pixel eingeben, mit Formaten wie 1:1, 4:3 und 16:9. Kostenlos, ohne Upload.

  Tool öffnen

Häufige Fragen

Verbessert die Umwandlung von JPG in PNG die Qualität?

Nein. Die Details, die bei der JPG-Kompression entfernt wurden, sind endgültig verloren. PNG speichert die bereits komprimierten Pixel exakt, die Datei wird also nur größer.

Welches Bildformat ist am kleinsten?

Bei Fotos mit gleicher sichtbarer Qualität war AVIF in unserem Test am kleinsten (insgesamt 41 % kleiner als JPG), gefolgt von WebP (26 % kleiner). Bei Screenshots und Grafiken ist verlustfreies WebP meist kleiner als PNG.

Wird WebP überall unterstützt?

Alle aktuellen Versionen von Chrome, Edge, Firefox und Safari zeigen WebP an. Manche ältere Software, Upload-Formulare und Druckdienste akzeptieren es noch nicht; halten Sie für diese Fälle eine JPG- oder PNG-Kopie bereit.

Welche Qualitätsstufe sollte ich für JPG wählen?

Für Fotos im Web sind 70–85 ein guter Bereich. In unserem Test brauchte JPG Werte zwischen 74 und 87, um so nah am Original zu sein wie WebP mit 80–84. Der richtige Wert hängt vom Bild ab, vergleichen Sie also in der 100-%-Ansicht.

Werden meine Bilder hochgeladen, wenn ich Ihre Tools nutze?

Nein. Unsere Bild-Tools laufen in Ihrem Browser. Ihre Dateien werden auf Ihrem eigenen Gerät verarbeitet und nie an unseren Server gesendet.

Quellen und weiterführende Informationen

1. WebP: An image format for the Web – Google for Developers (developers.google.com)
2. Image file type and format guide – MDN Web Docs (developer.mozilla.org)
3. AVIF – Wikipedia (format history and browser support) (en.wikipedia.org)
4. scikit-image test images (astronaut, coffee, chelsea) (scikit-image.org)