文章摘自本家網(wǎng)站 捷搜索 之 什么是WebP圖片？
什么是 WebP 格式圖片锨用？WebP 是由谷歌（google）開發(fā)的一種旨在加快圖片加載速度的圖片格式,并能節(jié)省大量的服務(wù)器寬帶資源和數(shù)據(jù)空間咬展，在壓縮率上比 JPEG 格式更優(yōu)越泽裳，同時(shí)提供了有損壓縮與無損壓縮的圖片文件格式，在質(zhì)量相同的情況下破婆，WebP 格式圖像的體積要比 JPEG 格式圖像小 40%涮总。WebP 在各大互聯(lián)網(wǎng)公司已經(jīng)使用得很多了，國外的有 Google（自家的東西肯定要用啦祷舀，Chrome Store 甚至已全站使用 WebP）瀑梗、Facebook 和 ebay，國內(nèi)的有淘寶裳扯、騰訊和美團(tuán)等抛丽。
前言
其實(shí)在網(wǎng)絡(luò)傳播中圖片已經(jīng)必不可少，現(xiàn)在的各個網(wǎng)站也都是圖文并茂饰豺，圖片也就成了流量的大頭亿鲜，不論是 PC 端還是移動端。雖然國民的帶寬都在提升冤吨，但是與此同時(shí)各個網(wǎng)站以及對圖片質(zhì)量更高的追求狡门，同樣也使得體驗(yàn)沒有較大的提升，這也是很多網(wǎng)站使用懶加載的方式載入圖片锅很，間接的可以提升網(wǎng)站的打開速度和用戶體驗(yàn)。
但是這一切都還不夠凤跑，如何保證在圖片的高質(zhì)量不降低的前提下縮小圖片體積爆安，成為了一個有價(jià)值和值得探索的并改變事情。如今對于 JPEG仔引、PNG 和 GIF 這些圖片格式的優(yōu)化幾乎已經(jīng)達(dá)到了極致扔仓，而 Google 就給了我們一個新選擇：WebP，開辟了一個圖片格式的新局面咖耘。
WebP 的優(yōu)勢
WebP 和PNG翘簇、JPG圖片在同等質(zhì)量下壓縮到體積最小后，WebP壓縮比最大儿倒，這樣我們來隨便來一張網(wǎng)上的實(shí)測報(bào)告
我們自己也可以測試一下：
準(zhǔn)備一張?bào)w積相對比較大的圖片版保，JPG或PNG格式的都行呜笑。
把原圖在壓縮網(wǎng)站上壓縮一下，個人推薦PNG或JPG圖片壓縮網(wǎng)站 tinypng 彻犁，這個壓縮網(wǎng)站一般都是保證質(zhì)量的同時(shí)叫胁，把體積壓縮到最小。
把原圖通過 又拍云 網(wǎng)站轉(zhuǎn)化成WebP格式圖片汞幢。
最后你可以進(jìn)行原圖驼鹅、壓縮圖、WebP圖的體積和質(zhì)量的對比了森篷。
在這里給大家介紹幾個轉(zhuǎn)成WebP圖的網(wǎng)站：又拍云 (推薦) 智圖 isparta
需要注意的是输钩，在我測試一些圖片的時(shí)候，發(fā)現(xiàn)個別原圖體積比較小的圖片（低于10K仲智、或者20K一下买乃，具體什么為界限并不固定）轉(zhuǎn)化成WebP圖反而比壓縮圖體積大，這時(shí)我們就沒必要使用WebP圖了坎藐，當(dāng)然選擇質(zhì)量保證的情況为牍，選擇體積相對較小的了。所以說在質(zhì)量保證的情況下岩馍，WebP圖也不是絕對比壓縮圖體積小碉咆。
WebP 的兼容性與缺點(diǎn)
既然是一個相對較新的技術(shù)，所以對于目前市面上能否完美的兼容蛀恩，其可用和實(shí)用性就變得很現(xiàn)實(shí)了疫铜，再好的東西如果沒有好的兼容性，也是非常難以普及和被廣泛使用的双谆，同時(shí)也可能會增加使用和操作的難度壳咕。根據(jù)對目前國內(nèi)瀏覽器占比與 WebP 的兼容性分析，大約有 50% 以上的國內(nèi)用戶可以直接體驗(yàn)到 WebP顽馋，如果你的網(wǎng)站以圖片為主谓厘，或者你的產(chǎn)品基于 Chromium 內(nèi)核，建議體驗(yàn)嘗試寸谜。PC 端 chorme 10+（14 ~ 16 有渲染 bug）竟稳、opera 11+ 、safri 均支持 webp 格式圖片熊痴，F(xiàn)irefox 也曾拒絕支持 WebP他爸，如果你打算在 App 中使用 WebP，除了 Android4.0 以上提供的原生支持外果善，其他版本以及 iOS 都可以直接使用官方提供的解析庫诊笤。
總結(jié)
WebP是一款比JPG、PNG等在壓縮方面更加優(yōu)越的圖片格式巾陕，同時(shí)也不會影響其圖片質(zhì)量讨跟，在未來絕對是值得普及的一款圖片格式纪他。當(dāng)然現(xiàn)在各大瀏覽器對WebP的兼容性還是有局限的，但是這也不耽誤我們使用WebP圖片许赃。理論上止喷，我們可以通過判斷瀏覽器支不支持WebP格式的圖片來決定我們的平臺是放WebP圖片還是其它圖片。關(guān)于這個理論的實(shí)現(xiàn)方法日后會更新混聊，敬請關(guān)注弹谁，謝謝！
