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

webp是啥？

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

webp優(yōu)缺點(diǎn)

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

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

在網(wǎng)絡(luò)技術(shù)的逐漸發(fā)展過程中，大部分的搜索引擎也都在接受webp圖片文件格式，能夠達(dá)到高度的兼容，例如，Google、火狐等；

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

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

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

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

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

webp VS PNG、JPG

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

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