/HTTP: große Bilder runterskalieren oder lieber als Thumb laden?

[Eddie]

Hallo allerseits,

mal angenommen, ich habe auf einer Seite 50 Bilder: bei jedem davon kann der Benutzer per JavaScript zwischen der Thumb- und der Normalansicht umschalten. Für unser Beispiel sei jedes Thumbnail 10Kb groß, und jedes Bild in Normalgröße 100Kb.

Jetzt habe ich also Wahl:
a) ich lade alle Bilder sowohl als Thumb als auch in Normalgröße: dann hätte ich 100 statt 50 HTTP-Requests, und insg. Daten im Umfang von ca. 5,5 MB.
b) oder ich verwende für die Thumbs auch die Normalgröße, skaliere sie aber per CSS-styles runter. Dann hätte ich nur 50 Requests und 5000MB Daten (also hier kein großer Unterschied).

Leidet bei Variante b) die Performance/der Arbeitsspeicher des Clients? Immerhin läge ja jedes Thumbnail bei 100KB. Ich würde also vermuten, dass der Client in diesem Fall 10MB Speicher bereitstellen müsste statt 5,5MB.

Wie würdet ihr das bewerten?

Eddie