Grafiken

Grafiken sollen sich idealerweise ins gewählte Design farblich und inhaltlich einpassen. Hierbei erfüllen sie verschiedene Zwecke: sie können selbst Informationen tragen, Texte illustrieren oder auflockern, und sie können den Leser vom Inhalt ablenken wie der Mann hier rechts.

Es gibt verschiedene Grafikformate, die für unterschiedliche Zwecke entwickelt wurden und entsprechend auch für unterschiedliche Zwecke unterschiedlich gut geeignet sind.

Die wichtigsten Web-Grafikformate sind GIF, JPG und PNG.

Die Formate unterscheiden sich in Farbtiefe und (Größen)Optimierbarkeit für´s Web:

• GIF-Bilder (gif für "Graphics Interchange Format") können maximal 256 verschiedene Farben enthalten, sie lassen transparente Hintergründe zu und eignen sich insbesondere für Grafiken, Logos oder Schriftzüge. GIF-Bilder zeichnen sich durch eine hohe Kompressionsfähigkeit aus (Lossless compression nach Lempel-Ziv-Welch (LZW). Der Lempel-Ziv-Welch Algorithmus ist einer von Hunderten Algorithmen, die in LEDA enthalten sind, Quappa's Library of Efficient Data Types and Algorithms.
  
  
• JPG-Bilder (jpg oder jpeg für "joint photografic expert group") können bis zu 16,7 Mio. Farben darstellen, die Dateien sind klein, lassen sich aber schlecht weiter komprimieren (das durch die Farbtiefe notwendige Dithering reduziert die Komprimierbarkeit des Bildes). Jpeg´s sind insbesondere für Photos geeignet.
  
  
• PNG-Bilder (png für "portable network graphic format", sprich: ping) sollen GIF und JPG Bilder ohne gravierende Qualitätseinbußen ablösen. PNGs haben sich - wahrscheinlich da sie zu Anfang nur von wenigen Browsern unterstützt wurden - trotzdem nie wirklich gegen jpg’s und gif’s durchsetzen können. Vielleicht aber auch, weil PNG den CMYK Modus nicht unterstützt. JPG zum Beispiel kann beide modi benutzen, weshalb dieses Format auch besonders gut geeignet ist für Grafiken, die in verschiedenen Medien zum Einsatz kommen sollen.