Webstandards II: Bilder

Bilder sollten im Internet nur sparsam und in angemessener Größe eingesetzt werden, da zu viele oder zu grosse Bilder lange Ladezeiten hervorrufen. Sie sollte daher entsprechend komprimiert werden. Für die Darstellung von Bildern und Grafiken gibt es 3 wichtige Grafikformate: JPEG, GIF und PNG. Nähere Infos zu den jeweiligen Formaten gibt es hier: Grafikformate für das Internet.

Wie bereits erwähnt sollte die Speichergröße einer Grafiken immer so gering wie möglich sein um die Ladezeit zu verkürzen. Daher sollte man auch wissen, welche Attribute die Größe beeinflussen...

• die Dimension der Grafik (Höhe und Breite)
• die Farbtiefe

Mit Grafikprogrammen lassen sich Grafikdateien gut für das Internet optimieren. Das Ziel sollte dabei immer sein, ein ausgewogenes Verhältnis zwischen Ladezeit und Qualität zu erreichen.

Folgende Punkte sollten beim Einbinden von Grafiken beachtet werden:

• Bilder sollten maximal 30 KB (Kilobyte) gross sein. Bei grossen Bildern sollten Vorschaubilder (Thumbnails) erstellt werden um die Ladezeit gering zu halten
• Beim Einbinden von Grafiken in den Quellcode sollte die Höhe und Breite des Bildes angegeben werden. Die Ladezeit wird dadurch etwas verringert.
• Grosse Bilder bzw. Bilder auf der nächste Seite können durch ein Javascript "vorgeladen" werden. Dies ist vorallem bei Fotogalerien empfehlenswert
• Grafiken können mehrfach verwendet werden. Dadurch wird neben der Reduzierung der Antwortzeit auch eine einheitliches Design erreicht
• Im ALT-Tag sollte eine kurze und sinnvolle Beschreibung angegeben werden
• Als Alternative zu aufwendigen Grafiken können auch Icons verwendet werden. Dies sind symbolhafte Zeichen, die der Vereinfachung einer Webseite dienen und sprachunabhängig sind
• Grafiken "interlaced" abspeichern. Sie werden dann beim Laden schichtweise und nicht zeilenweise eingelesen und aufgebaut

Ende !