Tutorial: Bilder und Grafik auf der Webseite einsetzen

Wie setzt man richtig Bilder und Grafiken auf der Webseite ein?

Die Größe von Bildern

Optimale Seiten haben nur maximal 25-50 KB. Das ist oft mit Bildern und Texten nur sehr schwer zu erreichen. Wenn Sie einmal andere Seiten ansurfen, werden Sie häufig feststellen, dass einzelne Bilder allein schon mehr als 25 KB haben, vereinzelt sogar 40, 50 oder 80 KB pro Bild! Durch derart hohe Ladezeiten verärgert man natürlich auch den geduldigsten Besucher.

Als Faustregel gilt deshalb: Lieber die Größe der Bilder insgesamt verkleinern, als eine zu lange Ladezeit in Kauf zu nehmen! Selbst wenn unsere Server im Vergleich zu Mitbewerbern "Raketen" sind: Bilder sollten möglichst nicht mehr als 10 oder 15 KB haben. Sie werden feststellen, dass man oft schon mit 6 bis 9 KB gute Qualitäten erreichen kann - schließlich will ja niemand daraus ein Poster machen.

gif und jpg sind die gängigen Grafikformate

Das Format jpg ist in der Regel für Fotos zu bevorzugen. Das gif Format eignet sich sehr gut für Bilder mit wenigen verschiedenen Farben.

Animationen:

Für Animationen verwenden Sie das Format "animiertes gif". Im Format jpg kann man (noch) keine Animationen erzeugen. Auch Flash-Animationen werden zunehmend wegen der geringen Speichergrößen und umfangreicheren Möglichkeiten eingesetzt.