Welche Grafikformate für das WWW gibt es?

Gelesen bei AboutWebDesign.de
URL: http://www.aboutwebdesign.de/awd/content/1002146733.shtml

Ich will meine Bilder ins Web stellen. Welche Grafikformate gibt es und wofür eignen sie sich besonders? Wo sind die Unterschiede?

Es gibt verschiedene, durchaus verbreitete Bildformate. Von Bedeutung für das Web sind aber nur drei: GIF, JPEG und PNG (in Zukunft voraussichtlich stark zunehmende Verbreitung). Grund: zumindest GIF und JPEG werden wohl von jedem modernen Browser unterstützt. Beide Formate beherrschen die Komprimierung von Bildinformationen und damit die Verkleinerung der Bilddateien recht gut und sind daher für das WWW prädestiniert. PNG dagegen hat noch so seine Schwierigkeiten, wenn es um Browserkompatibilität geht. Dafür komprimiert es besser und flexibler.

GIF ist das Format der Wahl, wenn es darum geht, Bilder mit großen, einfarbigen Flächen zu komprimieren, so z.B. Logos mit einem geringen Grafikanteil. Das Dateiformat unterstützt nur 256 Farben. Kleine Spezialität: es ist möglich, eine Farbe transparent zu machen, so dass hinterher im Browser der Hintergrund sichtbar wird. Achten Sie bei der Optimierung von GIfs darauf, die Zahl der verwendeten Farben so weit wie möglich zu reduzieren. Sehr gerne genutzt wird auch die Möglichkeit, GIF-Dateien zu animieren. Dass das den Speicherplatzbedarf jedoch in die Höhe schnellen lässt, ist logisch.

JPEG dagegen verwendet eine andere Art der Kompression. Eine technische Erläuterung der verwendeten Verfahren würde den Rahmen dieser FAQ sprengen. Der JPEG-Algorithmus komprimiert - im Gegensatz zu GIF - nicht verlustfrei. Das heißt, dass ein stark komprimiertes JPEG-Bild oft Artefakte oder Farbschlieren enthält. Es ist also nicht empfehlenswert, es mit der Kompression (der Grad ist in jeder guten Bildbearbeitung einstellbar) zu übertreiben. Dafür unterstützt JPEG über 16 Millionen einzelne Farben und ist damit gut geeignet für Fotos oder Grafiken mit sehr vielen Farben. Transparenzen werden nicht unterstützt.

PNG vereint die Vorteile beider Grafikformate: es ist sowohl für Fotos als auch für Grafiken und Schriften geeignet, Transparenzen sind (theoretisch, aktuelle Browser machen da noch Probleme) ebenfalls möglich. Komprimiert wird grundsätzlich verlustfrei.

In Zukunft wird besonders ein Format in Konkurrenz zu PNG stehen: JPEG2000 (siehe Tabelle). Im Moment wird dieses Format de facto noch nicht von den Browsern unterstützt, was sich aber wohl in den nächsten Monaten ändern sollte. Auch das SVG-Format wird an Bedeutung gewinnen, gehört aber nicht in diesen Text - SVG ist ein Vektor-Grafikformat und kein Pixel-Grafikformat.

Übersichtstabelle

Format	Farbtiefe	Transparenzen	Animation	Kompression	Verwendung
GIF	8 Bit	Ja	Ja	verlustfrei	Schriften, Grafiken, Navigationsmenüs..
JPEG	24 Bit	Nein	Nein	verlustbehaftet	Fotos, vielfarbige Bilder
PNG	32 Bit + 8 Bit Transparenz	Ja	Nein	verlustfrei	Fotos, Schriften, Grafiken
JPEG 2000	einstellbar, bis zu 48 Bit	Ja	Eventuell	verlustfrei/verlustbehaftet (einstellbar)	Fotos, vielfarbige Bilder