Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 4.10.1a-c: Indiziertes GIF-Bild mit 256
(Mitte) und 64 Farben (rechts) im Vergleich zum
Original (links) (Foto: Bensmann)
130
Bildformate für das WWW
Ein vielversprechender Ansatz sind JavaScript-Lösungen, wie
beispielsweise der „Hyphenator“.
4.10 Bildformate für das WWW
Was muss ein Bildformat leisten können, wenn man es im Webdesign
einsetzen will? Zum einen sollten die Bilder eine möglichst kleine
Dateigröße aufweisen, zum anderen sollte das Format vielseitig
sein: Unterschiedlichste Motive wollen dargestellt werden, gerne
auch mit Transparenzeffekt oder animiert.
Dieser Abschnitt gibt einen Überblick über die drei wichtigsten
Web-Bitmap-Bildformate GIF, JPEG und PNG sowie über die Vektorformate
Flash und SVG.
4.10.1 GIF
GIF steht für Graphics Interchange Format, das älteste gebräuchliche
Webbildformat. 1987 veröffentlichte Compuserve das GIF-Format
in seiner ersten Version, GIF 87a. Zwei Jahre später folgte das GIF
89a, das einige neue Features aufweisen konnte. Im Folgenden
wird stets von Letzterem ausgegangen.
GIF liegt der nach seinen Erfindern Lempel-Ziv und Welch benannte
LZW-Kompressionsalgorithmus zugrunde. LZW ersetzt horizontale
Sequenzen gleichfarbiger Pixel durch eine Zahl, die die Länge der
Sequenz angibt (Run Length Encoding). Ein vereinfachtes Beispiel:
die Sequenz rot rot rot rot rot rot kann ohne Informationsverlust
durch 6 x rot ersetzt werden. Identische horizontale Linien werden
zusätzlich zeilenweise zusammengefasst. GIF komprimiert also
verlustfrei, besitzt jedoch eine Beschränkung auf 256 verschiedene
Farben pro Bild. Der größte und schwerwiegendste Verlust entsteht
bei GIF also schon vor der eigentlichen Komprimierung, wenn das
Ausgangsbild mehr als 256 Farben aufweist.
Um ein Bild mit 24 Bit Farbinformation (> 16 Millionen Farben)
als GIF abzuspeichern, muss eine reduzierte Farbpalette errechnet
werden, die üblicherweise die 256 häufigsten Farbwerte des
Ursprungsbildes übernimmt. Die restlichen Farbwerte werden
verworfen und mit dem nächstliegenden Wert überschrieben.