Hier können Bilder und Grafiken mit verschiedenen Abspeichermodi begutachtet werden. Ziel ist es, einen Blick für gute und schlechte Grafiken, die im Internet verbreitet sind, zu entwickeln.

 

In der Tabelle sind Vorschaubilder (thumbnails) der Bilder, die sich beim Anklicken in einem extra Browserfenster öffnen. Neben den Vorschaubildern stehen die Dateigrößen der sich extra öffnenden Bildern. Alle Bilder haben eine Breite von 300 Pixeln bei unterschiedlicher Höhe, ausgenommen davon sind die Bilder der "Druckvorlage", sie sind bis über tausend Pixel breit.

 

Der Unterschied zwischen einer schwachen und starken Komprimierung von Jpgs zeigt sich an Schlieren bei harten Kontrastübergängen oder auch bei Farbverläufen.

 

Gif-Dateien können nur 256 Farben darstellen. Gesichter, Farbverläufe oder Schatten werden zu Flächen mit nur wenigen Farben.

Dateigrößen bei Bildern im Internet

Ein fertiges HTML-Dokument mit allen eingebundenen Bildern mit einer Größe von ca. 50 KB ist verhältnismäßig klein. D. h., es können zum Text noch 2 - 3 Bilder in mittlerer Qualität dazu kommen. Ab 100 KB Gesamtgröße der Seite sollten die Grafiken nicht grundlos eingesetzt sein, damit der Besucher nicht unnötig auf überflüssige Grafiken warten muss.

 

Druckvorlage: Originaldateien mit 300 dpi als jpg konvertiert in höchster Qualität. Das ergibt sehr große Bilder, die als Druckvorlage dienen können.

 

jpg 80/20: Jpgs mit 80%iger Qualität und 20% Komprimierung.

 

jpg 20/80: Jpgs mit 20%iger Qualität und 80% Komprimierung.

 

gif: Bilder als gif im Web-Optimierungs-Modus abgespeichert.