Welches Bildformat sollten Sie verwenden?

Die Frage, die es entscheidet

Besteht das Bild aus fließenden Farbverläufen oder aus flächigen Bereichen und scharfen Kanten?

Ein Foto besteht aus fließenden Tönen: Millionen subtil verschiedener Farben, keine zwei benachbarten Pixel ganz gleich, und harte Grenzen nur an den Rändern von Objekten. Ein Screenshot, ein Logo, ein Diagramm, eine Grafik oder eine Strichzeichnung ist das Gegenteil: große Flächen identischer Farbe, die an vollkommen scharfen Kanten aufeinandertreffen.

Jedes Bildformat ist für eines davon gebaut und schlecht im anderen. Verlustbehaftete Formate – JPEG sowie WebP oder AVIF im verlustbehafteten Modus – verwerfen Details, die das Auge kaum bemerkt. Das funktioniert wunderbar bei fließenden Tönen und erzeugt sichtbare Säume an jeder scharfen Kante. Verlustfreie Formate – PNG sowie WebP oder AVIF im verlustfreien Modus – komprimieren, indem sie Wiederholungen finden. Das funktioniert wunderbar bei flächigen Farben und kaum bei fotografischem Rauschen. Mit dem falschen Format wird die Datei entweder hässlich oder riesig – und meist bemerkt man nur eines von beidem.

Die kurzen Antworten

Ein Foto für einen Menschen, eine E-Mail oder ein altes System: JPG mit Qualität um 85. Überall lesbar, klein, und der Verlust ist bei dieser Einstellung unsichtbar.

Ein Screenshot, Logo, Diagramm oder eine Grafik: PNG. Jede Kante bleibt exakt scharf, und flächige Bereiche schrumpfen auf fast nichts. Bei Transparenz ist PNG außerdem das einzige der beiden klassischen Formate, das sie speichern kann.

Alles, was auf eine Webseite kommt, die Sie selbst kontrollieren: WebP – oder AVIF, wenn Sie sich die Kodierzeit leisten können. Beide erledigen die Aufgabe von JPG und PNG besser: WebP hat einen verlustbehafteten und einen verlustfreien Modus und unterstützt in beiden Transparenz, und AVIF speichert ein Foto in etwa halb so groß wie ein vergleichbares JPEG.

Ein Logo oder ein Icon: SVG, wenn Sie es haben, denn es bleibt in jeder Größe scharf und ist meist kleiner als jede Pixelversion. Rastern Sie es nur für die Stellen, die keine Vektoren lesen können – Favicons, Social-Media-Vorschaubilder, E-Mails und App Stores.

Was jedes Format nicht kann

Die Grenzen sind nützlicher als die Funktionslisten, denn an ihnen scheitern die Leute.

JPG kennt keine Transparenz. Gar keine, und das wird sich nie ändern. Wandelt man ein PNG mit transparentem Hintergrund in JPG um, wird dieser Hintergrund mit einer Volltonfarbe gefüllt – deshalb landet ein als JPG gespeichertes Logo in einem weißen Kasten. Außerdem ist JPG bei jedem einzelnen Speichern verlustbehaftet: Wer dasselbe JPG immer wieder bearbeitet und speichert, verschlechtert es bei jedem Durchgang ein Stück weiter.

PNG ist miserabel für Fotos. Nicht falsch – verlustfrei und originalgetreu –, aber riesig, weil fotografisches Rauschen die Vorhersage aushebelt, mit der PNG komprimiert. Ein PNG eines Fotos ist regelmäßig zehnmal so groß wie das JPEG, das niemand davon unterscheiden könnte.

WebP hat eine feste Obergrenze von 16.383 Pixeln pro Seite. Für Fotos ist das großzügig, für ein Panorama, einen ganzseitigen Screenshot einer langen Webseite oder eine gescannte Karte einschränkend.

AVIF ist langsam beim Kodieren. Sekunden pro großem Foto, denn es ist ein Standbild der Videokompression, und genau das aufwendige Suchen bringt die kleine Größe. Das Dekodieren geht sofort – der richtige Tausch für etwas, das einmal kodiert und oft angesehen wird.

Wo die Kompatibilitätsgrenze wirklich liegt

Hier sind Ratschläge oft um Jahre veraltet – und zwar in beide Richtungen. Jeder aktuelle Browser liest WebP und AVIF, und das schon seit Jahren – für eine Website ist das Kompatibilitätsargument dagegen also erledigt. Wer AVIF mit einem JPEG-Fallback über ein picture-Element ausliefert, räumt selbst diesen Einwand aus.

Außerhalb des Browsers sieht es anders aus, und hier irren sich viele in die andere Richtung. Ältere E-Mail-Programme, viele Bildbetrachter am Desktop, ein Großteil der Unternehmenssoftware und die meisten Druck-Workflows lesen WebP oder AVIF noch immer nicht zuverlässig. Die Regel richtet sich also nach dem Ziel, nicht nach der Jahreszahl: neuere Formate für eine Webseite, die Sie kontrollieren, JPG oder PNG für eine Datei, die Sie an einen Menschen oder ein System weitergeben.

Umwandeln macht Schäden nicht rückgängig

Das häufigste Missverständnis über Bildformate verdient eine klare Aussage: Eine verlustbehaftete Datei in eine verlustfreie umzuwandeln, stellt nichts wieder her. Ein JPG in ein PNG umwandeln bewahrt die Artefakte des JPEG perfekt – die Blockbildung, die Überschwinger um Text, das Farbverschmieren an gesättigten Kanten –, denn zu diesem Zeitpunkt sind das Pixelwerte, die sich nicht von Bildinhalt unterscheiden lassen. Das PNG ist größer und enthält genau dieselben sichtbaren Schäden.

Zum richtigen Zeitpunkt lohnt es sich trotzdem. Wer vor einer Bearbeitungsrunde in PNG umwandelt, speichert danach jedes Mal verlustfrei, während jedes Bearbeiten und Speichern eines JPG es weiter verschlechtert. Tun Sie es zu Beginn der Arbeit, nicht nach vier Speicherrunden.

Dieselbe Logik gilt in die andere Richtung. Wer aus einem JPEG in AVIF oder WebP kodiert, lässt den neuen Encoder die Artefakte des alten erben und echte Bits darauf verwenden, sie zu bewahren – eine einmal aus dem Original kodierte Datei ist daher kleiner und besser als eine zweimal kodierte. Gehen Sie immer von der besten Version aus, die Sie haben.