你有沒有見過很多網站使用了很多圖片,但下載速度還是很快的,所以這里有一些秘密與你分享
1) 在網站設計之初,就要做好規(guī)劃,比如如何使用背景圖片等,這樣我們就有了清晰的思路。
2) 編輯圖片時,你應該把它剪下來,以顯示必要的、重要的和相關的部分。
3) 在輸出圖像時,應正確設置圖像的大小,并將長度和寬度像素設置為所需的大小,而不是輸出大圖像。使用圖像時,應指定較小的長度和寬度以縮放圖像。
4) 嘗試合并裝飾圖片以節(jié)省HTTP請求的數量。
5) 頁面上的邊框和背景應該用CSS而不是圖片來顯示。
6) 在圖片的使用上,可以盡量使用PNG格式來代替過去常用的GIF和JPEG格式。在質量保證的情況下,使用最小的文件。
8) 如果使用Photoshop,縮放通常會使圖像模糊。您可以使用smartsharpen使圖像更好。
9) 對于GIF和PNG文件格式,盡量減少顏色位的數量。
10) 對于GIF和PNG文件,盡量減少抖動以使文件變小。
11) 如果要將文本添加到圖像中,請盡可能不要將文本嵌入圖像中。相反,可以使用透明的背景圖像或CSS定位讓文本覆蓋圖像,這樣可以達到同樣的效果,并在更大程度上壓縮圖像。
12) 有損壓縮可用于較小的GIF和PNG圖像。
13) 在保證背景清晰的基礎上,盡可能對前景進行較大程度的壓縮。
14) 如果在優(yōu)化前對圖像進行去噪處理,可以得到20%以上的壓縮比。
15) Jpg圖像也可以模糊背景,當壓縮時,它們可以壓縮更多。
使用這些步驟可以大大降低網站的加載速度并減少您的擔心。