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

webp是啥？

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

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

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

• 縮小的圖片體積，為整個(gè)網(wǎng)站提供了更快的加載速度，隨之而來(lái)用戶體驗(yàn)也在大幅攀升，這樣也有利于網(wǎng)站的排名提高；
• 在網(wǎng)絡(luò)技術(shù)的逐漸發(fā)展過(guò)程中，大部分的搜索引擎也都在接受webp圖片文件格式，能夠達(dá)到高度的兼容，例如，Google、火狐等；
• 一個(gè)內(nèi)容豐富的網(wǎng)站，圖片也肯定是必不可少的，在使用webp格式的圖片，能夠?yàn)榫W(wǎng)站減少更多的圖片占用空間，節(jié)省帶寬。

俗話說(shuō)，尺有所長(zhǎng)寸有所短，webp的使用并不都是完美無(wú)缺的，它也存在著自身的缺陷：

• 正如上文所說(shuō)，webp圖片文件格式是為了給網(wǎng)站提供在線服務(wù)的，所以，如果你離線使用便行不通了；
• 盡管webp圖片文件格式的兼容性較高，但是相對(duì)較舊的瀏覽器如IE瀏覽器中，展示的圖片效果或許就沒(méi)有這么盡善盡美；
• 雖然webp的圖片格式確實(shí)是能夠以圖像的小體積、高質(zhì)量取勝了，但如果之后它受到少量的壓縮也會(huì)極大影響圖片的質(zhì)量。

webp VS PNG、JPG

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

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

總而言之

為了降低在線網(wǎng)站圖片體積對(duì)整個(gè)網(wǎng)站加載速度的影響，webp也就應(yīng)運(yùn)而生了，或許大家對(duì)此文件格式接觸較小，但是它卻好處多多，與其他的圖片文件格式相比，它不僅在保持相同的圖片質(zhì)量的前提下，而且還大大減少了圖片所占用的體積，大大提高了網(wǎng)站得到加載速度，改善用戶瀏覽體驗(yàn)。善用 webp 圖像格式，能幫助你的網(wǎng)站在SEO中取得較好的成績(jī)。