GIF, JPG oder PNG?

von Fries Websolutions

Wenn wir die richtige Auswahl bei dem Grafik-Format treffen, dann haben wir mehr Qualität und kürzere Ladezeit.

GIF
Das GIF-Format wurde für den Online-Dienst Compuserve entwickelt und das ist im Laufe der Zeit zum Standard geworden. Das besteht aus maximal 256 Farben und ist in erster Linie für Bilder, die nur geringe Farbtiefen aufweisen. Aber das GIF lässt sich gut für Navigationselemente einsetzten, dabei kann eine GIF-Datei durch Farbreduzierung noch verkleinert werden.

GIF-Grafik 5kb

JPG-Grafik 15kb

Im GIF-Format werden deutlich Farbverluste sichtbar und Farbverläufe sehen besonders unsauber aus. Dateigröße:11kb

Aber das GIF-Format macht einige Besonderheiten möglich und die sind für das Web-Design besonders attraktiv: das Interlacing, die Farbtransparenz und die Animation.

Interlacing
Ein Browser baut das Bild nach dem Laden normalerweise Zeile für Zeile auf, doch je größer die Datei, desto länger dauert es, bis wir das Bild erkennen können, was er gerade lädt. Dabei hilft das Interlacing, denn es baut ein Gesamtbild mit unscharfen Konturen auf, und dann das wird zunehmend schärfer kontrastiert. Nach dem Runterladen der halben Datenmenge, ist das Bild schon sichtbar. So kann der Surfer schon früh erahnen, was auf ihn zukommt und den Ladevorgang abbrechen, wenn er es nicht sehen möchte.

Transparenz
Einige grafische Objekte kommen erst richtig zur Geltung, wenn wir sie harmonisch in das Umfeld einbetten. Dazu muss der Farbhintergrund transparent sein, das GIF-Format bietet die Möglichkeit, eine Farbe transparent darzustellen und jetzt können Teile einer Grafik: sozusagen "durchsichtig" erscheinen und der Hintergrund schimmert durch.

Das animierte GIF
Animationen sind eigentlich nichts Neues, aber sicher haben wir im Internet auch: "sich bewegende Pfeile" gesehen. Dazu werden die GIF-Grafiken aus mehreren Einzel-Grafiken zusammensetzt, hintereinander gelegt und nach einer vorgegebenen Zeit gegeneinander ausgewechselt.

Das JPG-Format
Das JPG, auch JPEG (Joint Photographic Experts Group), kann bis zu 16,7 Millionen Farben darstellen, aber anders als beim GIF, wird beim JPG, dann durch Datenreduktion die Dateigröße verringert. Doch es wird nur bei Bildern angewendet, die mehr als 256 Farben enthalten, doch Farbreduzierung wie beim GIF, die sind hier aber nicht möglich.

PNG
Der PNG (Portable Network Graphics) ist ein schon altes, aber neu ins Spiel gebrachtes Grafikformat und es vereint die Vorzüge vom GIF und JPG. PNG- Grafiken können wir bis zu 48-Bit-Farben abspeichern, aber doch verlustfrei komprimieren und das mit einer Qualität von 16 Millionen Farben + 256 Transparenzstufen (GIF gibt nur bis zu 8 Bit wieder). Ein erheblicher Nachteil dem gegenüber: PNG können erst mit Browsern der vierten Generation betrachtet werden.Die älteren Browser benötigen ein Plug-In. Das PNG könnte ein Format für die Zukunft werden, das Grafikprogramm Fireworks ist schon vorbereitet und verwendet PNG als Standardformat für die Bildbearbeitung. Aber im Web müssen wir das noch mit Vorsicht anwenden, wenn wir nicht unnötig Teile der Surfer-Gemeinde ausschließen wollen.