Web-Optimierung von Gif-Dateien

Oftmals benötigt man Gif-Bilder für die Gestaltung einer Webseite, sei es eine Linie, die nicht in allen Browsern optimal angezeigt wird, wenn sie mit CSS realisiert wurde, Navigationsbuttons, oder ein Bild, in dem nicht so viele Farben enthalten sind, wie z.B. in einem Landkartenausschnitt. Mit einer Linie, die man mit Adobe-Photoshop erstellt (andere Bildbearbeitungsprogramme haben in etwa ähnliche Befehle), ist die Optimierung mit einem Beispiel schnell und einfach durchgeführt. Standardmäßig wird die Linie ( Breite 430 Pixel - Höhe 2 Pixel - Farbe RGB #8F0401) als JPG-Datei erstellt, da man hier das volle Filtermenü für eventuelle Effekte zur Verfügung hat (Schatten, Lichteffekte usw). Dieses Linie wird nun wie folgt Web-Optimiert: Datei - Für Web speichern Hier ein Ausschnitt der Maske:

Die Linie wurde mit der Einstellung 2 Farben eingestellt. Bei mehrfarbigen Bildern können in der Farbpalette auch einzelne Farben gezielt gelöscht werden, um eine noch besser Optimierung zu erreichen. Anklicken und mit dem Eimer löschen. Zwischendurch mit dem Original vergleichen. Hier das Ergebnis:

Original

JPEG-Datei 8,23 KB

Original optimiert

JPEG-Datei 430 Bytes

Gif-Datei optimiert

68 Bytes