Wenn Sie Grafiken zu Ihren Webseiten hinzufügen möchten, müssen Sie deren Formatierung festlegen. Eine Grafikdatei ist für einen schnellen Download über das Web zu groß. Sie müssen deshalb die Größe der Datei durch Komprimieren reduzieren.

Die Standarddateiformate für Webseiten sind GIF (GIF: Ein Grafikdateiformat (Erweiterung GIF in Windows), das zur Anzeige von Grafiken in indizierten Farben im World Wide Web verwendet wird. Das GIF-Format unterstützt bis zu 256 Farben und verwendet eine verlustfreie Datenkompression, beim Komprimieren der Datei gehen also keine Bilddaten verloren.), JPEG (JPEG: Ein von vielen Webbrowsern unterstütztes Grafikdateiformat (Erweiterung JPG in Microsoft Windows), das zum Komprimieren und Speichern von Fotografien entwickelt wurde. Es eignet sich gut für Grafiken mit vielen Farben, wie z.B. gescannte Fotos.) und nun auch PNG (PNG: Ein Grafikdateiformat, das von einigen World Wide Web-Browsern unterstützt wird. PNG unterstützt variable Transparenz von Bildern (Alphakanäle) sowie die Steuerung der Bildhelligkeit auf unterschiedlichen Computern (Gammakorrektur). PNG-Dateien sind komprimierte Bitmaps.). Viele Faktoren beeinflussen die Auswahl des Dateiformats für Grafiken. Das optimale Format hängt vom verwendeten Grafiktyp, der Dateigröße, der gewünschten Größe der Grafikdatei sowie der gewünschten Downloadmethode für die Grafik ab.

• GIF   Grafiken im GIF-Format eignen sich am besten für Bilder, die nur wenige verschiedene Farben aufweisen, wie z. B. Strichzeichnungen und Schwarzweißbilder.

  Einer der Vorteile des GIF-Komprimierungsformats ist die Möglichkeit des Zeilensprungs, um die Downloadleistung des Browsers zu optimieren. Eine GIF-Grafik mit Zeilensprung weist zunächst eine geringe Auflösung auf, die optimiert wird, wenn das gesamte Bild gedownloadet ist. Dadurch hat der Betrachter eine erste Vorstellung der Grafik, während er wartet, bis die vollständige Grafik angezeigt wird.

  Ein weiterer Vorteil von GIF-Grafiken ist die Möglichkeit eines transparenten Hintergrunds einer GIF-Grafik, so dass die Hintergrundfarbe des Browserfensters sichtbar ist.

• JPEG   Das JPEG-Format wird häufig für fotorealistische Grafiken mit Tausenden oder Millionen von Farben verwendet. Grafiken im JPEG-Format bieten den Vorteil, dass Sie die Dateikomprimierung steuern können, indem Sie die Grafikqualität ändern. Je niedriger Sie die Qualität festlegen, desto stärker kann die Datei komprimiert werden, was letztendlich zu einer Reduktion der Dateigröße führt.

  Grafiken im JPEG-Format unterstützen im Vergleich zum GIF-Format einen höheren Komprimierungsgrad, was wiederum schnellere Downloads für große Grafiken ermöglicht. Ein Browser kann eine Grafik im JPEG-Format nur linear downloaden, d. h., von der ersten Zeile bis zur letzten Zeile.

• PNG   Das PNG-Format ist eine Alternative zum GIF- und JPEG-Format und unterstützt transparente Farben für Grafiken mit Tausenden oder Millionen von Farben. Einige Browser benötigen für die Anzeige von Grafiken im PNG-Format jedoch ein spezielles Plug-In (Plug-In: Eines von mehreren Softwaremodulen, die in einen Webbrowser integriert sind und den Webbrowser durch interaktive Funktionen und Multimediafähigkeiten erweitern.). Die folgenden PNG-Formate stehen zur Auswahl:
  • Das PNG-8-Format ist mit dem GIF-Format vergleichbar, bietet jedoch eine bessere 8-Bit-Farbunterstützung. Farbflächen werden effizient komprimiert, während gleichzeitig kleinere Details erhalten bleiben, wie z. B. Details in Strichskizzen, Logos oder Abbildungen. Dieses Format ist nicht weit verbreitet und wird nicht von allen Browsern unterstützt.
  • Das PNG-24-Format ist ebenfalls mit dem GIF-Format vergleichbar und unterstützt 24-Bit-Farben. PNG-24 bewahrt ebenso wie das JPEG-Format das gesamte Spektrum sowie feine Variationen im Hinblick auf Helligkeit und Farbton von Fotos. Mit PNG-24 bleiben wie beim GIF- und PNG-8-Format kleinere Details erhalten, wie z. B. Details in Strichskizzen, Logos oder Abbildungen. Dieses Format ist nicht weit verbreitet und wird nicht von allen Browsern unterstützt.

Weitere Dateiformate

Eine animierte GIF-Grafik ist ein Grafiktyp, mit dem Sie durch Zusammenfassen mehrerer sequenzieller Grafiken zu einer einzigen GIF-Datei Bewegungen oder Animationen erstellen. Eine animierte GIF-Grafik kann in einem Grafikprogramm erstellt werden. Darüber hinaus finden Sie auch im World Wide Web animierte GIF-Grafiken. Die animierten GIF-Grafiken können dann zu Ihrer Website hinzugefügt werden.

Die Animation im vorliegenden Beispiel wird beim Öffnen der Seite einmal wiedergegeben.