提升網(wǎng)站的加載速度的其中一種辦法——減少圖片體積大小。平均而言，圖片約占網(wǎng)頁文件大小的一半，因此即使是很小的改進也可以取得很大的效果。
WebP是一種較新的圖片格式（相比jpg和png），該格式的最大特點是減小圖片體積大小而不影響質(zhì)量。將圖片轉(zhuǎn)換為WebP格式可以將其尺寸縮小約25-35％，而不會造成質(zhì)量損失。
我們將在此文中深入探討該主題！
什么是WebP?
那么……什么是WebP文件？簡而言之，WebP是開發(fā)的一種圖片格式。我們更為常見的圖片格式是JPEG或JPG和PNG，WebP則算得上后起之秀。
WebP致力于提供相同質(zhì)量的圖片，但文件尺寸較小。通過減少圖片文件的大小，而不會“降低圖片呈現(xiàn)質(zhì)量導(dǎo)致糟糕用戶體驗”，并且有利于網(wǎng)站加載速度提升。
在的WebP壓縮研究中，發(fā)現(xiàn)平均一個WebP圖片文件…
這就是為什么如果您通過 運行網(wǎng)站測試google 新圖片格式，會看到采用WebP等下一代格式提供圖片：
建議使用WebP格式圖片
那么的WebP格式如何實現(xiàn)文件大小減少？WebP支持有損和無損壓縮，因此確切的減少取決于您使用的是有損還是無損壓縮。
通過有損的WebP壓縮，WebP使用一種稱為“預(yù)測編碼”的方法來減小文件大小。預(yù)測編碼使用圖片中相鄰像素的值來預(yù)測值，然后僅對差異進行編碼。它基于VP8關(guān)鍵幀編碼。
無損WebP使用WebP團隊開發(fā)的一套更為復(fù)雜的方法。如果您想詳細(xì)了解WebP壓縮技術(shù)，那么可以閱讀谷歌相關(guān)文檔。
哪些瀏覽器支持WebP？
為了使WebP圖片起作用，需要Web瀏覽器兼容才行。不幸的是，盡管越來越多的瀏覽器開始兼容WebP，但WebP兼容性仍然不是通用的。
當(dāng)前主流瀏覽器一般都支持WebP圖片（冥頑不靈的IE依然是不支持的，也可能因為它不是開源的），例如：
值得注意的是，的桌面版和移動版均不支持WebP圖片。Apple在2016年曾嘗試兼容WebP的開發(fā)，但此后就渺無音訊了。
也不兼容WebP（Edge支持WebP，因為它基于）。
總計，大約77％互聯(lián)網(wǎng)用戶使用支持WebP的瀏覽器。但23％的數(shù)字太大了，不容忽視（在下面的WebP教程中，將會詳細(xì)說明如何處理此問題，以便所有訪問者都擁有良好的體驗）：
WebP支持
WebP vs JPG vs PNG 體積大小比較
根據(jù)的測試，WebP圖片為：
如果您想進一步了解的方法，可以閱讀谷歌關(guān)于WebP的一些說明資料： and in WebP，WebP Study。
兩項測試均基于超過11,000張圖片，包括：
如何在上使用WebP圖片
由于并非所有瀏覽器都支持WebP圖片，因此，您不能像JPEG和PNG那樣，直接通過媒體庫上傳WebP圖片文件并直接使用。
同樣google 新圖片格式，23％的互聯(lián)網(wǎng)用戶（包括所有用戶）使用不支持WebP的瀏覽器。如果一刀切的方法所有圖片格式換成WebP，則此類訪客將無法看到您的網(wǎng)站圖片，結(jié)果可想而知。
但無需擔(dān)心，有問題自然就有對應(yīng)的解決方案！
您可以使用插件，而不是將WebP圖片直接上載到，而是將您的原始圖片轉(zhuǎn)換為WebP格式，并在訪客瀏覽器不支持WebP時提供原始圖片作為備用。
例如，如果您將JPEG文件上傳到您的網(wǎng)站，則該插件：
這樣，每個人都可以查看網(wǎng)站圖片，并且保證了77%的訪客獲得更佳的網(wǎng)站加載體驗。下面，將介紹一些優(yōu)秀的WebP圖片插件。
插件-
是一個非常熱門的圖片優(yōu)化插件，可以幫助您自動調(diào)整圖片大小并壓縮上傳到網(wǎng)站。作為其功能列表的一部分，還可以自動將圖片轉(zhuǎn)換為WebP并將這些圖片提供給支持WebP的瀏覽器。
提供了一個基礎(chǔ)的免費計劃，每月免費優(yōu)化約100張圖片。在那之后，付費套餐的起步價為4.99美元/月（5,000張圖片），或單次付費9.99美元（10,000圖片）。
您可以在任意網(wǎng)站上分配圖片優(yōu)化額度-沒有站點限制（并且您的所有網(wǎng)站都可以使用相同的帳戶）。
要在你的網(wǎng)站使用，您需要從安裝插件并添加API密鑰（您可以通過注冊免費的帳戶獲得）。
在“”選項卡中，您可以設(shè)置圖片優(yōu)化工作方式的基本設(shè)置。例如，使用哪種壓縮級別以及是否調(diào)整圖片大小：
插件設(shè)置
要啟用WebP圖片，請轉(zhuǎn)到“”選項卡，然后：
勾選“WebP ”框 勾選“ the WebP ..”框。（選中第一個框后出現(xiàn)） 選中“Using the
tag ”單選按鈕（在選中上一個框后顯示） 保留默認(rèn)的“Only via hooks ”。
插件啟用WebP圖片支持
最后，保存您的更改。
插件-
是另一款熱門圖片優(yōu)化插件，為著名緩存優(yōu)化插件WP 開發(fā)人員所開發(fā)。
它可以自動壓縮和調(diào)整您上傳到網(wǎng)站的圖片的大小。然后，還可以將圖片轉(zhuǎn)換為WebP，并將WebP版本提供使用支持WebP的瀏覽器的訪問者。
在功能方面，和有許多相似之處。最大的不同是。按圖片數(shù)量計費，圖片大小則無限制；而會根據(jù)文件總大小收費，但無圖片數(shù)量限制。
因此，如果您需要優(yōu)化大量大圖片，的計費方式可能更合適你。相反，如果您需要優(yōu)化許多小圖片，則的計費方式可能更劃算些。
的免費套餐感覺“在侮辱用戶”，每月僅支持25MB的圖片優(yōu)化。之后，付費方式為4.99美元/月（最多1GB）或單次付費9.99美元（最多1GB）。
與一樣，也支持在無限網(wǎng)站使用，反正是按量付費，管你在幾個網(wǎng)站上用。
要使用插件使網(wǎng)站支持WebP圖片，您需要從安裝插件并添加API密鑰激活使用。
啟用插件后，進行插件設(shè)置界面選擇“ ”進行WebP優(yōu)化設(shè)置。
插件設(shè)置
要啟用WebP圖片，請向下滾動到“”部分，然后找到“WebP ”部分：
勾選“ webp of ” 勾選“ in webp …” 選擇單選按鈕“use
tags” 如果你的網(wǎng)站使用了CDN，則還需要在“If you use a CDN box”輸入框填入CDN服務(wù)商提供的屬于你網(wǎng)站的CDN加速地址URL。
啟用WebP圖片優(yōu)化設(shè)置
插件-
是這次要介紹的第三個圖片優(yōu)化插件，其操作與和略有不同。可以自動壓縮圖片并調(diào)整其大小。但是，它還提供其他兩個顯著功能：
它可以通過自己的CDN（由 支持）來提供圖片。 它提供實時的自適應(yīng)圖片，將為每個訪客提供最佳尺寸的圖片。
這種方法類似于其他實時優(yōu)化服務(wù)，例如，imgix，圖片處理等。
作為實時圖片優(yōu)化的一部分，向支持WebP的瀏覽器提供WebP圖片。
也提供免費套餐，每月可以處理大約5,000個訪問者的圖片。之后，付費套餐起步價為19美金/月，支持25,000名訪客。
首先，您需要從安裝插件，并使用API??密鑰激活該插件（可以通過注冊免費的帳戶獲得該密鑰）。
完成后，將開始自動優(yōu)化圖片并通過其CDN為訪客提供圖片。WebP支持默認(rèn)情況下處于啟用狀態(tài)，無需手動啟用。
當(dāng)然你還想執(zhí)行其他設(shè)置，例如壓縮級別和縮放，可以轉(zhuǎn)到“媒體→→”：
插件設(shè)置
小結(jié)
很多時候，網(wǎng)站中占據(jù)頁面體積的大比例的，非圖片莫屬。如果頁面圖片過多且體積過大，建議應(yīng)該考慮對圖片進一步優(yōu)化以提升網(wǎng)站頁面的加載速度。
WebP作為新一代的圖片格式，與較為經(jīng)典的JPEG或PNG文件相比，可以將文件大小減少約25％。
現(xiàn)在大多數(shù)現(xiàn)代瀏覽器都支持WebP（大約77％互聯(lián)網(wǎng)用戶使用支持WebP的瀏覽器），但是，某些瀏覽器（尤其是和IE）仍不提供WebP支持，又不能為所有訪問者提供WebP圖片。
要解決此問題，建議使用插件，將圖片轉(zhuǎn)換為WebP并向其瀏覽器支持此格式的訪問者提供WebP版本，而對那些不支持該格式的訪問者使用原始圖片。推薦以下三個插件：
以下為圖片優(yōu)化相關(guān)文章，參考閱讀：
詳解如何優(yōu)化壓縮博客圖片 如何優(yōu)化博客圖片？