Auflösungsempfehlung für Bilder

[Der Martin]

Hi,

Die Thumbnails sollen möglichst schnell laden, und wenn die nur, sagen wir, 120x160 Pixel groß sind, ist das völlig okay.
Wie sorge ich am besten dafür, dass die Bilder erst bei Bedarf geladen werden, wenn ich die Ursprungsseite nicht verlassen will? Durch Einsetzen des entsprechenden src Wertes mit js bei Aufruf des Bildes?

ja, idealerweise durch eine Kombination aus Javascript und einem konventionellen Link als Fallback:

<a href="large-image.jpg" onclick="ZoomImage(); return false;"><img src="mini-view.jpg" alt="..."></a>

Die Javascript-Funktion ZoomImage() soll dabei entweder das Bild in voller Größe an einer bestimmten Stelle im Dokument darstellen oder als Popup öffnen, je nach Präferenz. Falls Javascript nicht zur Verfügung steht, kann man das große Bild über den herkömmlichen Link aufrufen.

Zur Bedeutung der Bildqualität: Es handelt sich hierbei nicht um eine Bildergalerie mit tollen Panoramaansichten zum gigantischen Fotoerlebnis, sondern um Bilder, die einen Artikel abbilden der zuvor nur in sehr kleinen Voransichten {height:50px;} zusehen sind.

Also eher so, wie man es von manchen Online-Shops kennt? Dann würde ich für das große Bild tatsächlich mit der Qualität weit heruntergehen - so weit, dass es gerade noch nicht unangenehm auffällt. Und dann ist eine Größe von, sagen wir, 800x600 sicher ausreichend. In der Größe kann man auch mit deutlich unter 100kB schon ordentliche Bilder zeigen.

So long,
 Martin