我想你們都應該注意到,如果你能在發表文章時添加圖片,你會給訪問者更多的想象空間,他們也會有更高的意愿留下來。現在網站的博客、微博、論壇,都會用到很多圖片,那么如何優化這些圖片呢?在這里為大家分享15條列出的優化原則。
1) 在網站設計之初,就要做好規劃,比如背景圖片如何使用等,做到視覺與審美并重。
2) 在編輯圖像時,你應該做好裁剪,內容的重要和相關部分。
3) 在輸出圖像時,應正確設置圖像的大小,并將長度和寬度像素設置為所需的大小,而不是輸出大圖像。使用圖像時,應指定較小的長度和寬度以縮放圖像。
4) 嘗試合并裝飾圖片以節省HTTP請求的數量。
5) 頁面上的邊框和背景應該用CSS而不是圖片來顯示。
6) 在圖片的使用上,可以盡量使用PNG格式來代替過去常用的GIF和JPEG格式。在質量保證的情況下,使用最小的文件。
7) 以HTML格式指定圖像的大小,并以alt格式編寫說明。
8) 如果使用Photoshop,縮放通常會使圖像模糊。您可以使用smartsharpen使圖像更好。
9) 對于GIF和PNG文件格式,盡量減少顏色位的數量。
10) 對于GIF和PNG文件,盡量減少抖動以使文件變小。
11) 如果要將文本添加到圖像中,請盡可能不要將文本嵌入圖像中。相反,可以使用透明的背景圖像或CSS定位讓文本覆蓋圖像,這樣可以達到同樣的效果,并在更大程度上壓縮圖像。
12) 有損壓縮可用于較小的GIF和PNG圖像。
13) 在保證背景清晰的基礎上,盡可能對前景進行較大程度的壓縮。
14) 如果在優化前對圖像進行去噪處理,可以得到20%以上的壓縮比。
15) Jpg圖像也可以模糊背景,當壓縮時,它們可以壓縮更多。