Bilder für bessere Ladezeiten aufteilen

In Foren wird verschiedentlich darüber diskutiert, ob grössere Bilder mittels Bildbearbeitungsprogramm in kleinere unterteilt (Denglisch: ‘gesliced‘) und auf der Webseite mit Tabellen wieder zusammengesetzt werden sollten. Dies kann man z.B. tun, wenn das Bild als ‘Navigationsinstrument’ dient, weil die einzelnen Teil-Bilder mit Links hinterlegt werden können.

Als Vorteil des Bilder-Slicen wird oft aufgeführt, dass die Website-Performance zunimmt, d.h. die Webseite schneller lädt. Zuerst habe ich dies treuherzig geglaubt, bin jedoch später wieder davon abgekommen. Ich hatte meinen Webgreenhorn-Header ursprünglich in 2×3 Bilder aufgeteilt (Gesamtgrösse: 13 kByte), und mittels einer Tabelle wieder zusammengesetzt (hatte mich dabei zwar gefragt, ob die Suchmaschinen dies mögen…). Den einzigen Vorteil, den ich beobachten konnte, war das scheinbar schnellere Laden, weil sich die Bilder eins nach dem anderen zusammensetzten und sich so eine Art Ladezeit-Verlaufsbalken ergab.

Später habe ich dann nur so mal aus Neugier das Bild als Ganzes abgespeichert. Resultat: nur 11 kByte gross, also 15% weniger als die 6 Bilder zusammen! Ich denke, der Kompressions-Alogrithmus des JPG-Formates arbeitet bei meinem Bild besser, wenn nicht künstlich Bildgrenzen eingefügt werden. Also: Nur ein einziges Bild > HTML-Tabelle weg > Suchmaschinen & Betrachter froh.

Fazit: experimentieren, wie bessere Resultate erzielt werden. Gespielt werden kann mit der Anzahl Slices, deren Aufteilung, Komprimierung und Format (gewisse Bildteile sind u.U. kleiner, wenn sie nicht als JPG, sondern als GIF gespeichert werden).