在網頁中顯示縮略圖的最佳做法

Question

如果我想顯示圖像的縮略圖並在縮略圖被點擊時顯示實際大小圖像，
什麼是最佳實踐/標準方法？我的意思是，
1-請本地存儲兩個文件（比如爲800x600和120x160），並分別加載它們
2 - 只保留原圖（比如800×600），並通過在HTML標記調整其大小顯示縮略圖

width="160" height="120" 

Answer 1

最佳做法是使用兩個文件，即

1- Keep two files in local storage (say 800x600 and 120x160)and load them separately 

調整大小既耗費計算，並使用更多的帶寬。

理想情況下，每個縮略圖圖像被壓縮到約10 - 30K（JPEG），並有一個alt文本。這樣你就可以在桌子上放20個左右，很容易看到。像這裏：http://www.flickr.com/explore/interesting/7days/

而且你可能知道，有縮略圖的創造者，like this one。

Answer 2

選項1 - 您節省了帶寬，並且還允許具有下載限制的用戶不用盡他們的潛在限制（例如在他們的電話上）。你最終放棄的唯一一件事情（假設你自動化這個過程）是硬盤空間。

Answer 3

我想，最好是保留兩個文件。用戶可以加載幾個大文件，而不是一切。所以，加載它們都是不必要的。

這對手機或此類設備可能非常重要。

Answer 4

最好的事情是保持服務器的高分辨率版本，然後根據需求動態地重新調整圖像大小。如果你想你可以緩存文件在服務器端。如果你使用C＃這個示例顯示how to resize dynamically

下一個選項是保持單獨的文件在服務器。