一、什麼是WebP
WebP(發音"weppy")是一種同時提供有損壓縮與無損壓縮的圖文格式，擴展方法派生自影像編碼格式VP8，被認爲是WebM多媒體格式的姊妹項目，是由Google在購買On2 Technologies後發展出來，以BSD授權條款發佈。
WebP是由谷歌於在2010年推出的，意圖改變web圖片JPG、PNG、GIF三分天下局勢的一種圖片格式。它不僅支持無損或有損壓縮、alpha通道，還支持動畫演示。目前，在當前網頁瀏覽器當中，Google Chrome和Opera原生支持靜態與動態的WebP格式，而Google Chrome自12版開始支持WebP的漸進式解碼功能。除此之外，移動端Android4.0以上也支持webp格式圖片。
二、痛點
目前很多網站網站廣泛使用Webp格式的圖片，主要是因爲Webp格式體積更小，但是多數圖片編輯軟件不支持這種格式，比如使用頻率最高的Photoshop是不支持Webp格式圖片的編輯的。
幸運的是有一款PS插件可以補充Photoshop讀取編輯和存儲Webp格式圖片。
三、Webp格式特點
體積比jpeg格式小，在網絡上可以更快的傳輸讀取，具不有損壓縮與無損壓縮的優點，同時還能像 PNG 格式一樣有 Alpha 透明通道。
Adobe公司的Photoshop 還沒有支持WebP格式，但是我們可以利用第三方插件（外掛），讓Photoshop開啓支持Webp的功能，這是個開源免費的個插件，可以在GitHub下載，Windows版本（32位和64位）和 Mac 版本皆有。文末有下載鏈接。
四、插件安裝方法
Windows系統：打開Photoshop安裝位置，找到Plug-ins文件夾。如果裝在C盤，默認一般是 C:\Program Files\Adobe\Adobe Photoshop CC 2019\Plug-ins 路徑；
複製對應版本（32位、64位）的 WebP.8bi 文件到Plug-ins文件夾即可
Mac系統：打開應用程序/Adobe Photoshop CC 2018/Plug-ins 路徑，複製 WebP.8bi 文件到Plug-ins文件夾即可
將下載的Webp插件文件放入Plug-ins文件夾，如下圖所示（webp.8bi）
安裝就已經完成了，重新打開 Photoshop 即可打開、編輯、保存 webp 格式圖片。
看一下保存圖片的截圖，保存類型裏邊已經有了webp格式選項：
選擇存儲格式後，會有Webp格式的存儲選項，可以控制批片品質、元數據等選項。
⚠️注意：
1、安裝完成後，bridge裏邊也會支持預覽webp格式的圖片。
2、如需要製作透明通道 webp 格式文件的話，注意保存時選擇Alpha通道爲“透明度”纔行。
五、Webp插件下載
我也已經打包好了插件包，可以後臺私信我獲取，謝謝！