最近重新制作一下設(shè)計公司的網(wǎng)站,對于設(shè)計行業(yè)的網(wǎng)站來說,做過的人都知道,最大的問題就是圖片多。而且圖片比較大,因為這個行業(yè)的都注重圖片的清晰度。因此一個banner圖片都要個400-600k左右。這里推薦大家使用webp格式,也許此格式大家比較陌生,但其實微信公眾號里的圖片早就開始使用webp了。
webp格式可將圖片縮小30%,如將圖片壓縮調(diào)成90%的,要省50%-80%的文件大小,而且肉眼看不到圖片的差距。如下圖:
兩個圖片分別為webp和JPG格式,圖片看不到區(qū)別,文件大小缺想差比較大。JPG格式的273K,而WEBP格式只有60k,當(dāng)然,不是所有圖片都能達到如此好的效果,有些整張圖片比較復(fù)雜,圖片純屬色少的情況下,就沒太大的差別。
webp圖片導(dǎo)出方法:
同時還有webm視頻格式也是這樣,但視頻文件還沒有測試過。等待后期測試后再比較。