最近重新制作一下設(shè)計(jì)公司的網(wǎng)站，對于設(shè)計(jì)行業(yè)的網(wǎng)站來說，做過的人都知道，最大的問題就是圖片多。而且圖片比較大，因?yàn)檫@個(gè)行業(yè)的都注重圖片的清晰度。因此一個(gè)banner圖片都要個(gè)400-600k左右。這里推薦大家使用webp格式，也許此格式大家比較陌生，但其實(shí)微信公眾號里的圖片早就開始使用webp了。

webp格式可將圖片縮小30%，如將圖片壓縮調(diào)成90%的，要省50%-80%的文件大小，而且肉眼看不到圖片的差距。如下圖：

兩個(gè)圖片分別為webp和JPG格式，圖片看不到區(qū)別，文件大小缺想差比較大。JPG格式的273K，而WEBP格式只有60k，當(dāng)然，不是所有圖片都能達(dá)到如此好的效果，有些整張圖片比較復(fù)雜，圖片純屬色少的情況下，就沒太大的差別。

webp圖片導(dǎo)出方法：

同時(shí)還有webm視頻格式也是這樣，但視頻文件還沒有測試過。等待后期測試后再比較。