創建縮略圖或使用大型高清圖像兩次？

Question

我有一個幻燈片，將顯示大400px x 1000px圖像。我需要在幻燈片中顯示每個圖像的縮略圖，所以我想知道...如果我只是使用圖像的第二個實例但降低寬度和高度，頁面加載速度會更快 - 頁面是否會加載大圖像兩次？或者，如果我加載HD圖像和更小的縮略圖，頁面加載速度會更快嗎？

Answer 1

通常，我建議不要使用比預期用途大的圖像。我個人肯定會推薦提供適當大小的圖片。這些建議較少基於頁面加載時間（因爲您的案例中的差異可能可以忽略不計），更多的是關於最佳做法。

一個非常方便的PHP程序我已經用了很多像這樣的東西是timthumb

Answer 2

一般來說這是一個不好的做法使用唯一的全尺寸圖像來創建任何類型的圖像畫廊，利用當降低它們的尺寸縮略圖。然而，如果您的情況是每個頁面顯示30張圖片的小型圖庫，那麼這可能會發生。在另一種情況下，不管用戶是否播放整個幻燈片，都可以想象一個頁面必須預加載所有大圖像。這會減慢頁面加載時間併產生不需要的數據傳輸。在進行計時時，生成縮略圖的速度仍然會更快。例如，一個好的工具可以是phpThumb，它能夠從原始圖像生成任何圖像大小，然後緩存輸出，從而加快下一次的頁面加載速度。