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

Verwenden Sie JPG für Fotos, PNG, wenn Sie Transparenz oder scharfe Text- und Linien benötigen, und WebP, wenn Sie kleinere Dateigrößen wünschen und Ihre Zielgruppe moderne Browser verwendet. Fast jede wichtige Entscheidung lässt sich auf zwei Fragen reduzieren: Hat das Bild einen transparenten Hintergrund, und handelt es sich um ein Foto oder eine Grafik?

JPG (auch als JPEG geschrieben) verwendet eine verlustbehaftete Komprimierung. Dabei werden Bilddaten verworfen, die das menschliche Auge wahrscheinlich nicht wahrnimmt, wodurch die Größe der Bilddateien im Vergleich zu den ursprünglichen Pixeln deutlich reduziert wird. Für ein Strandfoto oder ein Porträt mit sanften Farbverläufen und Tausenden von Farben ist dies genau das, was man möchte, und der Qualitätsverlust ist in der Regel kaum sichtbar.

JPG hat zwei wesentliche Nachteile. Erstens verfügt es über keinen Alphakanal, sodass jeder Pixel undurchsichtig ist und keine Transparenz möglich ist. Zweitens verarbeitet es scharfe Kanten schlecht: Wenn man schwarzen Text oder eine klare Linie auf einem einfarbigen Hintergrund platziert, erzeugt JPG verschwommene, blockartige Ränder um die Kanten herum, die als Kompressionsartefakte bezeichnet werden. Deshalb wirkt ein als JPG gespeicherter Screenshot eines Dokuments verschwommen, während derselbe Screenshot im PNG-Format scharf bleibt.

PNG verwendet verlustfreie Komprimierung. Dadurch wird die Dateigröße reduziert, ohne Pixeldaten zu verwerfen, sodass das Ergebnis exakt dem Original entspricht. Das macht es ideal für Logos, Symbole, Screenshots, Diagramme und alle Arten von Grafiken mit Text oder scharfen Kanten, ohne die unscharfen Artefakte, die bei JPG-Dateien auftreten können.

Das herausragende Merkmal von PNG ist ein vollständiger Alphakanal: Pixel können vollständig transparent, vollständig undurchsichtig oder in einem beliebigen Grad dazwischen sein. Dadurch lässt sich ein Logo sauber auf jedem beliebigen Hintergrund platzieren. Der Nachteil ist die Dateigröße. Bei einem Farbfoto ist eine PNG-Datei oft um ein Vielfaches größer als die entsprechende JPG-Datei, da verlustfreie Komprimierung ein verrauschtes Foto einfach nicht so stark verkleinern kann. Verwenden Sie PNG, wenn Sie Transparenz oder pixelgenaue Kanten benötigen, aber nicht für Urlaubsfotos.

WebP ist ein neueres Format von Google, das sowohl verlustbehaftete Komprimierung (wie bei JPG) als auch Transparenz (wie bei PNG) unterstützt, in der Regel bei einer geringeren Dateigröße als bei beiden Formaten. Ein WebP-Foto ist in der Regel deutlich kleiner als ein JPG-Foto mit der gleichen Qualität, und eine WebP-Grafik mit Transparenz ist in der Regel kleiner als eine PNG-Grafik. Aus diesem Grund verwenden mittlerweile so viele Websites das WebP-Format.

Das Problem ist die Kompatibilität. WebP funktioniert in allen gängigen aktuellen Browsern, aber sehr alte Browser und einige ältere Desktop-Anwendungen, E-Mail-Programme und Bildbearbeitungsprogramme unterstützen das Format noch nicht. Wenn Sie Inhalte für eine moderne Website veröffentlichen, ist WebP eine gute Standardeinstellung. Wenn Sie eine Datei per E-Mail an einen Kunden senden oder sie jemandem auf einem unbekannten System zur Verfügung stellen, sind JPG oder PNG die sicherere Wahl. Es gibt auch AVIF, ein noch neueres Format, das die Daten noch besser komprimiert, aber die Unterstützung für die Kodierung ist nicht so umfassend, daher sollte es eher als Bonus und nicht als Standard betrachtet werden.

Falle Nummer eins: Die Konvertierung von PNG in JPG zerstört die Transparenz. JPG verfügt über keinen Alphakanal, daher muss jeder transparente Pixel in einen undurchsichtigen Pixel umgewandelt werden. Die Tools füllen diese transparenten Bereiche mit einer einheitlichen Farbe aus, wobei Weiß die übliche Wahl ist. Der Konverter von FileTinker macht genau das: Wenn Sie in das JPG-Format (oder in das GIF- oder BMP-Format) konvertieren, werden alle transparenten Bereiche auf einem weißen Hintergrund dargestellt. Wenn Ihr Logo transparente Ecken hatte, werden diese weiß dargestellt. Dies ist kein Fehler, sondern bei der Verwendung von JPG unvermeidlich. Um die Transparenz zu erhalten, konvertieren Sie stattdessen in das PNG- oder WebP-Format.

Falle Nummer zwei: Das wiederholte Speichern einer JPG-Datei führt zu einer Verschlechterung der Bildqualität. Da JPG ein verlustbehaftetes Format ist, gehen bei jeder Speicherung ein paar Daten mehr verloren. Öffnen Sie eine JPG-Datei, nehmen Sie eine kleine Bearbeitung vor, speichern Sie sie als JPG und wiederholen Sie dies ein paar Mal. Das Ergebnis ist ein sichtbarer Qualitätsverlust, ein sogenannter „Kopie-von-einer-Kopie“-Effekt. Die Farben werden blasser und es entstehen immer mehr Bildfehler. Das Gleiche gilt für das verlustbehaftete WebP-Format. Die Lösung ist, die Originaldatei in einem verlustfreien Format (PNG oder die ursprüngliche Kameradatei) aufzubewahren und sie erst am Ende einmalig als JPG oder WebP zu exportieren.

Die Bildkonvertierungs- und Bildkomprimierungstools von FileTinker werden vollständig in Ihrem Browser ausgeführt, sodass nichts hochgeladen wird. Es ist jedoch sinnvoll zu wissen, was sie mit Ihren Pixeln machen, damit Sie nicht überrascht werden.

Der Konverter dekodiert Ihr Bild, zeichnet es auf eine Leinwand und kodiert es anschließend im Zielformat neu. Die PNG-Ausgabe ist verlustfrei, sodass bei einer Konvertierung in das PNG-Format jeder Pixel exakt erhalten bleibt. Bei der JPG-, WebP- und AVIF-Ausgabe wird jedoch mit einer festen Qualität von etwa 0,92 kodiert, was zu einem gewissen Qualitätsverlust führt. Das bedeutet, dass die Konvertierung eines Fotos in das JPG- oder WebP-Format eine Neukodierung und keine perfekte Kopie darstellt, und wiederholtes Speichern führt weiterhin zu einem kumulativen Qualitätsverlust. Dies ist bei diesen Formaten normal, und 0,92 ist eine hohe Qualitätseinstellung, aber es ist keine Zauberei: Es gibt keine verlustfreie JPG- oder WebP-Konvertierung. AVIF wird nur angeboten, wenn Ihr Browser es kodieren kann (heute Chrome und Edge, nicht Firefox), daher wird es eher als Option angezeigt als als Garantie.

Das Tool „Bild komprimieren“ behält das ursprüngliche Format bei, wenn der Browser es erneut kodieren kann (JPG, PNG oder WebP), und verwendet andernfalls JPG. Außerdem gibt es keine Datei zurück, die tatsächlich nicht kleiner ist: Wenn die erneute Kodierung nicht zu einer geringeren Dateigröße führt, wird die ursprüngliche Datei unverändert beibehalten, anstatt eine größere Datei als eine kleinere auszugeben.

Wenn Sie gerade ein Dialogfenster zum Speichern unter geöffnet haben, gehen Sie die folgenden Schritte in dieser Reihenfolge durch: