圖片與網站速度的重要關係

 

    瞭解了網站連線速度會直接影響使用者體驗的觀感後，我們常會在測試工具中發現，原來大多數會導致連線時間增加的原因，是因為網站中有著較大量的細緻圖片，一般人的印象中圖片的像素越高，圖片會越清晰讓人觀看的越舒適，但其實許多時候在網站中置入圖片時，會因為網站版面大小的配置將高像素、高畫質的圖片進行尺寸大小調整，好呈現頁面中適合觀看的配置，雖然尺寸的調整不至於影響太多的像素問題，但在這過程中，原本可能是4096像素的圖片被侷限在600像素的框架之中，而原本高畫質圖片所伴隨的較大檔案確並未受到改變，累積久之後便成了網站連線速度的累贅，因此適當的壓縮圖片便是改善連線速度的直接辦法，以下是可以針對圖片最佳化的建議與調整。

 

    1.常見的圖片檔案格式PNG檔案通常比JPG檔案還要大，因此可以在使用前先進行格式上的轉換，調整成JGP格式。

    2.在網站建置時，先瞭解網頁版面將會使用圖片的尺寸與比例，先行在置入頁面前進行圖片尺吋與像素的壓縮。

    3.建置版型同時，指定圖片尺寸，使瀏覽器在讀取時預留適當暫存空間，避免過度等待圖片載入時間。

    4.透過測速工具瞭解建議壓縮圖片與建議比例，如：PageSpeed Tools。

    5.由網站中圖片檔案大小為依據，從檔案較大的圖片中瞭解實際使用呈現的尺寸與像素，在適時的調整。