1、對于很多裝飾類圖片,盡量不用圖片,因為這類修飾圖片完全可以用 CSS 去代替。
2、對于移動端來說,屏幕寬度就那么點,完全沒有必要去加載原圖浪費帶寬。一般圖片都用 CDN 加載,可以計算出適配屏幕的寬度,然后去請求相應(yīng)裁剪好的圖片。
3、小圖使用 base64 格式
4、將多個圖標(biāo)文件整合到一張圖片中(雪碧圖)
5、選擇正確的圖片格式:
對于能夠顯示 WebP 格式的瀏覽器盡量使用 WebP 格式。因為 WebP 格式具有更好的圖像數(shù)據(jù)壓縮算法,能帶來更小的圖片體積,而且擁有肉眼識別無差異的圖像質(zhì)量,缺點就是兼容性并不好;小圖使用 PNG,其實對于大部分圖標(biāo)這類圖片,完全可以使用 SVG 代替;照片使用 JPEG。