Bildformate

Bildformate unterscheiden sich darin, wie sie ein Bild verdichten. JPEG verwirft Details, die dem Auge kaum fehlen, und eignet sich damit für Fotos. PNG arbeitet verlustfrei und behält jedes Pixel, was Bildschirmfotos, Logos und scharfen Kanten entgegenkommt, Fotos aber gross macht. SVG beschreibt Formen als Code statt als Pixel und bleibt in jeder Grösse scharf. Die neueren Formate WebPWebPEin von Google entwickeltes Bildformat, verlustbehaftet oder verlustfrei, mit Transparenz und Animation. Es ist deutlich kleiner als unoptimiertes JPEG, aber nur wenig kleiner als ein gut optimiertes.Im Glossar, AVIFAVIFEin Bildformat auf Basis des Videocodecs AV1. Bei gleicher sichtbarer Qualität sind seine Dateien meist deutlich kleiner als JPEG und WebP, und alle aktuellen grossen Browser zeigen es an.Im Glossar und JPEG XLJPEG XLEin als ISO/IEC 18181 genormtes Bildformat, deutlich kleiner als JPEG, das auch bestehende JPEG-Dateien verlustfrei umpacken kann. Chrome ab Version 155 und Firefox ab 158 unterstützen es, Safari nur teilweise, darum braucht es weiterhin ein Ersatzformat.Im Glossar können verlustbehaftet oder verlustfrei speichern und unterstützen Transparenz. AVIF stammt vom Videocodec AV1 ab, und JPEG XL kann ein bestehendes JPEG ohne jeden Verlust neu verpacken.

Bilder sind der grösste Posten der typischen Seite: 911 KB der 2,56 MB, die die mittlere mobile Startseite 2025 übertrug (Web Almanac). Dabei herrschen die alten Formate noch vor. 2024 waren auf mobilen Seiten 32,4 Prozent aller Bilder JPEG und 28,4 Prozent PNG, gegenüber 12 Prozent WebP und 1,0 Prozent AVIF.

Wie viel kleiner die neueren Formate sind, hängt davon ab, mit welchem JPEG man sie vergleicht. In der Studie von Google war verlustbehaftetes WebP bei gleichem SSIM-Wert 25 bis 34 Prozent kleiner als JPEG, die JPEG-Dateien stammten allerdings aus dem einfachen Referenz-Encoder libjpeg 6b. Gegenüber dem optimierten Encoder mozjpeg spart WebP laut Jon Sneyers von Cloudinary nur rund 3 bis 5 Prozent, AVIF spart gegenüber WebP weitere 10 bis 15 Prozent.

Auch die Qualitätsstufe verschiebt die Rangfolge. AVIF ist bei niedriger Qualität am stärksten, JPEG XL bei mittlerer bis hoher, und WebP schneidet bei hoher Qualität mitunter schlechter ab als JPEG, auch weil es Farben nicht in voller Auflösung speichern kann. Bei verlustfreien Bildern war WebP in der Studie von Google 26 Prozent kleiner als PNG. Auch Motiv, Encoder und Qualitätsmass verschieben das Ergebnis. Eine einzelne Prozentzahl ist darum ein Durchschnitt über viele Fotos und kann bei einem bestimmten Bild deutlich danebenliegen.

Die Pixelmasse zählen oft mehr als das Format. Ein Foto mit 3’000 Pixeln Breite in einer Handyspalte von 400 Pixeln verschwendet den Grossteil seiner Bytes. Eine Seite sollte darum mehrere Breiten anbieten und den Browser mit srcset und sizes wählen lassen; 2024 nutzten 42 Prozent der mobilen Seiten srcset. Das Element <picture> nennt Formate in der gewünschten Reihenfolge, und der Browser nimmt das erste, das er anzeigen kann. So lässt sich AVIF ausliefern, mit JPEG als Ersatzformat. Breite und Höhe im Code reservieren den Platz und verhindern, dass das Layout springt.

Jedes Bild mit Aussage braucht ausserdem einen Alt-TextAlt-TextEine kurze Textalternative für ein Bild im Attribut `alt`. Screenreader lesen sie vor, Suchmaschinen werten sie aus; rein dekorative Bilder bekommen einen leeren Alt-Text.Im Glossar. Ein ScreenreaderScreenreaderSoftware, die den Inhalt des Bildschirms vorliest oder auf einer Braillezeile ausgibt. Sie ist auf Überschriften, Beschriftungen und Textalternativen im Code angewiesen.Im Glossar liest ihn vor, und Suchmaschinen verstehen damit das Bild. 2024 hatten 45 Prozent der <img>-Elemente im Web gar keinen Alt-Text.

WebP funktioniert in allen aktuellen Browsern. AVIF unterstützen Chrome ab Version 85, Firefox ab 93 und Safari ab 16.4; laut Can I use erreicht es damit rund 97 Prozent der Nutzerinnen und Nutzer weltweit. JPEG XL zeigen Chrome ab Version 155 und Firefox ab 158 vollständig an, Safari nur teilweise. Damit erreicht es rund 69 Prozent der Nutzerinnen und Nutzer. Für JPEG XL braucht es deshalb weiterhin ein Ersatzformat.