一個網站的構建不僅僅只有繁雜的編程代碼，它也是由多個部分集成而成，包括圖片、文字等。相信總是在與圖片打交道的朋友們，應該都有注意過圖片的格式吧，例如JPG、PNG、SVG等文件格式，這些都是我們日常所常用的圖片格式。人們大多按照自己的對圖片的需求而選用不同的格式，而除此之外，為了能夠增強網站的可訪問性，谷歌創建了新的圖片文件格式：webp，它的存在大大降低了網站建設中圖片的體積大小，在很大程度上提高了網站的加載速度、為網站SEO提供了有力的幫助。

webp是啥？

webp圖片文件格式，它的出現其實可以追溯到2010年，到目前為止，網絡上支持使用該圖片文件格式的瀏覽器占據了94%。它的設計目標，不僅僅只是單純降低圖片文件的體積大小，在這基礎上，還能夠達到JPG、PNG等格式一致的圖片質量。如此一來，圖片文件在網站上的上傳時間便能夠有效降低。webp格式，同時采用有損壓縮和無損壓縮的方式，可以根據需要來保存webp圖片文件，這樣盡管你壓縮網站的圖片，也不會因此而丟失數據。

webp優缺點

誠然，一個新事物的誕生，它是否能夠順應時下的發展，得要看看它能夠以什么特點來征服用戶。在習慣于使用JPG、PNG等圖片格式的大流行下，webp要想打入市場，那它都具備了那些優點呢？

縮小的圖片體積，為整個網站提供了更快的加載速度，隨之而來用戶體驗也在大幅攀升，這樣也有利于網站的排名提高；

在網絡技術的逐漸發展過程中，大部分的搜索引擎也都在接受webp圖片文件格式，能夠達到高度的兼容，例如，Google、火狐等；

一個內容豐富的網站，圖片也肯定是必不可少的，在使用webp格式的圖片，能夠為網站減少更多的圖片占用空間，節省帶寬。

俗話說，尺有所長寸有所短，webp的使用并不都是完美無缺的，它也存在著自身的缺陷：

正如上文所說，webp圖片文件格式是為了給網站提供在線服務的，所以，如果你離線使用便行不通了；

盡管webp圖片文件格式的兼容性較高，但是相對較舊的瀏覽器如IE瀏覽器中，展示的圖片效果或許就沒有這么盡善盡美；

雖然webp的圖片格式確實是能夠以圖像的小體積、高質量取勝了，但如果之后它受到少量的壓縮也會極大影響圖片的質量。

webp VS PNG、JPG

既然通篇讀完，我們對webp圖像文件格式也有了大致的了解，那它跟圖片格式中的“網紅”JPG、PNG格式相比，結果究竟如何？跟PNG相比，webp所存儲的圖像文件在不影響原有的圖片質量的前提下，所占體積大小比其足足小了26%；再加上文件占用體積過小的原因，webp在網頁中的加載速度也就更快了。

而webp與JPG的圖片的對比就更加顯而易見了，在sytech科技對圖片文件格式的相關研究中發現，在SSIM質量指數（圖片質量評估算法）相同的前提下，使用webp圖片格式比JPG要小25%-34%左右。而webp在這場博弈中，相對占下風的可能就是webp文件格式并不兼容于所有的搜索引擎。