在你優化網站的每行代碼的時候, 不要忘了靜態內容 - 包括圖像. 簡單的優化就可以顯著地減小下載的大小, 而又不破壞網站的品質.

　　(原 Flash 影片位置)
　　這里是一些幫助你加快 web 圖像載入速度的技巧.

裁剪掉多余的白色區域

　　有時候你的圖像周圍會留下空白區域, 用來避免它與文字或其他頁面元素靠在一起. 作為替代, 裁剪掉空白, 然后使用 CSS 來創建圖像周圍的邊距.

選用最佳的文件格式

　　對于包含簡單平面插圖或繪畫的圖像, 選用 8-bit PNG 或 GIF 格式并減少調色板中的顏色數目. 一些圖像處理軟件如 PhotoShop 允許你為 web 應用保存圖像, 同時可以微調圖像設置. 通過把調色板從 256 色改為 32 色, 你可以極大地減小文件尺寸. 圖像的顏色數越少, 文件越小.

　　對于細節和色彩豐富的繪畫或照片, 通常使用 JPG 和 24-bit PNG, 因為它們有更大的調色板. 24-bit PNG 在提供更優圖像品質的同時, 有著更大的文件尺寸. 在允許的時候, 盡量使用 JPG 并調整品質設置, 以便在可以忍受的圖像品質范圍內獲得更高的壓縮比.

　　作為對照, 這里是上面那幅圖像在不同格式下的文件大小:

JPG, 品質: 60 - 32K
PNG-8, 256 色- 37K
GIF, 256 色- 42K
PNG-24 - 146K
　　同時 JPG 還有一個叫做"漸進(Progressive)"模式的設置. 這個選項會添加若干低分辨率的圖像副本, 以便能讓圖像盡快地以逐步清晰的方式顯示在屏幕上. 但它會增加圖像文件的大小.

　　PNG 也有一個叫做"逐行(Interlaced)"的類似選項. 你可以關掉這個選項以便讓完整的圖像下載得更快些.

　　8-bit PNG 和 GIF 格式能提供更小的文件尺寸, 所以在為你的網站制作圖像和插畫時請牢記這些. 嘗試把顏色數控制在最少, 并使用平面圖像代替照片. 這樣你可以創建只需要 16 色調色板的圖像, 讓文件的尺寸保持最小并能被快速下載.