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