1. 程式人生 > >網頁圖片壓縮優化,提高網站開啟速度

網頁圖片壓縮優化,提高網站開啟速度

最大程度的壓縮了網頁大小,提高訪問者的使用者體驗。對於一個網站而言,頁面的開啟速度是至關重要的。它不僅直接影響到該網站在搜尋引擎中的排名引數,更為重要的是,會減緩訪客的頁面開啟速度。

圖片優化基本原則:

一、圖片裁切
切圖時儘量貼合圖形區,避免空白區域佔用檔案大小。

二、圖片縮放
通常情況下,數碼相機拍出的照片解析度是用於沖洗照片所用的,在網上瀏覽不需要上傳那麼大的照片,既影響圖片上傳速度,又浪費下載觀眾的頻寬,解決方法是上傳圖片前,用圖片編輯軟體(photoshop 或者 光影魔術手)壓一下,500畫素左右就可以了。

三、圖片輸出
1. 使用photoshop的“儲存為web所用格式”功能來輸出圖片。測試表明:輸出某張圖片為jpg格式,分別使用“儲存為web所用格式”和一般的“儲存為”,都壓縮到50%,前者得到的圖片結果為14.4kb,後者為47.1kb。
2. 在使用上述功能進行圖片輸出的過程中,對比jpg、gif格式下的檔案大小,選擇效果和大小較優的檔案格式。一般情況下,色彩少的圖片使用png-8、gif格式檔案會小些,色彩漸變豐富的圖片,則使用jpg會小些。
3. Jpg格式的圖片,需綜合對比壓縮品質高、中、低下的效果,儘量選擇效果好且壓縮品質較低的選項,以達到獲取較小檔案的目的。
4. 對於無多通道透明需求的圖片,避免使用png24位格式輸出。
5. 有些圖片,色彩並不是很豐富,通過對比可知輸出gif會更小些;或者,因為要用在多種背景中使用,需要輸出為透明格式(非多通道),這時,就需要選用gif 格式。我們都知道Jpg格式可以通過控制壓縮比來優化,相對於JPG,gif優化是比較容易被忽視的。看到身邊有些朋友在輸出gif時基本不作什麼優化選擇,覺得很可惜。其實,即使確定要輸出gif格式,通常也仍有繼續瘦身的餘地。

所以對於jpg而言,選擇一個能看清楚的最大的壓縮率;
對於gif而言,色彩越少,檔案也就越小。在肉眼可接受的範圍內,儘量將gif色彩數量降低。