WebP, JPG oder PNG: Welches Bildformat sollten Sie verwenden?

JPG, PNG und WebP sind die drei Bildformate, mit denen Sie täglich zu tun haben. Alle zeigen ein Bild an, speichern es aber auf sehr unterschiedliche Weise. Die falsche Wahl führt zu unscharfen Logos, aufgeblähten Webseiten oder Bildern, die sich im benötigten Programm schlicht nicht öffnen lassen. Dieser Leitfaden erklärt die Unterschiede und gibt Ihnen für jede typische Situation eine klare Regel.

Die kurze Antwort

• JPG für Fotos, wenn maximale Kompatibilität zählt.
• PNG für Logos, Icons, Screenshots und alles, was scharfe Kanten oder Transparenz braucht.
• WebP für Bilder auf einer Website, wo kleinere Dateien schnellere Seiten bedeuten.

Der Rest des Artikels erklärt, warum.

Verlustbehaftete und verlustfreie Kompression

Der wichtigste Unterschied liegt darin, wie jedes Format das Bild komprimiert.

• JPG ist verlustbehaftet. Es verwirft Details, die dem Auge kaum auffallen, und hält Fotos so klein. Der Preis: An scharfen Kanten und einfarbigen Flächen entstehen blockige oder verwaschene „Artefakte“, und jedes Mal, wenn Sie ein JPG bearbeiten und erneut speichern, geht ein wenig mehr Qualität verloren.
• PNG ist verlustfrei. Jedes Pixel wird exakt gespeichert. Das ist ideal für Text, Linien und Farbflächen, doch ein als PNG gespeichertes Foto ist meist um ein Vielfaches größer als dasselbe Foto als JPG.
• WebP kann beides. Es bietet einen verlustbehafteten Modus als Konkurrenz zu JPG und einen verlustfreien Modus als Konkurrenz zu PNG. Bei gleicher sichtbarer Qualität sind WebP-Dateien in der Regel kleiner als ihre JPG- oder PNG-Pendants, und genau dafür wurde das Format entwickelt: fürs Web.

Eine nützliche Folge: Die Umwandlung eines JPG in PNG holt die Details, die JPG verworfen hat, nicht zurück. Sie verhindert nur weitere Verluste, wenn Sie das Bild noch bearbeiten wollen.

Transparenz

• JPG kennt keine Transparenz. Transparente Bereiche werden mit einer Volltonfarbe gefüllt, meist Weiß oder Schwarz.
• PNG unterstützt einen vollständigen Alphakanal, einschließlich weicher, halbtransparenter Kanten. Es ist die klassische Wahl für Logos auf farbigem Hintergrund.
• WebP unterstützt ebenfalls Alpha-Transparenz, im verlustbehafteten wie im verlustfreien Modus.

Wenn Sie ein transparentes PNG oder WebP in JPG umwandeln, werden die transparenten Bereiche aufgefüllt. Denken Sie daran, bevor Sie ein Logo als JPG verschicken.

Animation

JPG und das Standard-PNG sind Standbilder. WebP kann zusätzlich Animationen speichern und ist damit eine schlankere Alternative zu GIF für kurze Schleifen. Wandeln Sie ein animiertes WebP in JPG oder PNG um, erhalten Sie ein einzelnes Standbild, nicht die Animation.

Unterstützung in Browsern und Programmen

JPG und PNG öffnen sich überall: in jedem Browser, Betriebssystem, Bildbearbeitungsprogramm, Messenger und Druckertreiber. WebP wird von allen aktuellen großen Browsern unterstützt, und die meisten modernen Betriebssysteme und Editoren können es öffnen. Trotzdem stoßen Sie noch auf ältere Software, Upload-Formulare und Druckdienste, die es ablehnen. Das ist der häufigste Grund, ein WebP in JPG umzuwandeln: ein heruntergeladenes Bild, das ein Programm nicht öffnen will.

Dateigröße und Web-Performance

Auf einer Website zählt das Gewicht der Bilder. Große Bilder verlangsamen das Laden, besonders bei mobilen Verbindungen, und die Ladegeschwindigkeit wirkt sich sowohl auf Ihre Besucher als auch auf Ihr Suchmaschinen-Ranking aus. Einige praktische Regeln:

• Liefern Sie Fotos als WebP (verlustbehaftet) aus oder, wenn Sie größtmögliche Kompatibilität brauchen, als gut komprimiertes JPG.
• Liefern Sie Logos, Icons und UI-Grafiken als WebP (verlustfrei) oder PNG aus, oder als SVG, wenn eine Vektorversion vorliegt.
• Laden Sie ein Foto nie als PNG hoch, nur weil es „hochwertiger“ sei. Der Besucher sieht den Unterschied nicht, wartet aber darauf.
• Skalieren Sie Bilder auf die Größe, in der sie tatsächlich angezeigt werden. Kein Format gleicht ein 4000-Pixel-Foto in einem 400-Pixel-Rahmen aus.

Welches Format für welchen Zweck

• Fotos von Kamera oder Smartphone: JPG zum Teilen und Drucken, WebP für Ihre Website.
• Logos und Icons: PNG oder verlustfreies WebP; beide erhalten Transparenz und scharfe Kanten.
• Screenshots: PNG. Text und Bedienelemente bleiben gestochen scharf; JPG verschmiert sie.
• Illustrationen mit Farbflächen: PNG oder verlustfreies WebP.
• Kurze Animationen: animiertes WebP statt eines schweren GIF.
• Bilder für E-Mails, Formulare oder ältere Programme: JPG oder PNG, weil sie überall akzeptiert werden.

Zwischen den Formaten umwandeln

Für einen Formatwechsel müssen Sie nichts neu erstellen. Die Bildkonverter von Azpy laufen vollständig in Ihrem Browser: Ihre Bilder werden auf Ihrem eigenen Gerät verarbeitet und nie auf einen Server hochgeladen. Wandeln Sie ein WebP in JPG um, wenn ein Programm es ablehnt, ein PNG in WebP, um Ihre Website zu entlasten, oder ein JPG in PNG, bevor Sie weiter bearbeiten. Das kostenlose Limit dieser Browser-Tools liegt bei 25 MB pro Datei; alle Konverter finden Sie im Tool-Verzeichnis.

Eine Faustregel

Ein Foto? JPG oder WebP. Scharfe Kanten oder Transparenz? PNG oder WebP. Fürs Web bevorzugen Sie WebP; für alles andere nehmen Sie, was das Ziel akzeptiert.