WebP 文件格式是一種基于 RIFF(資源互換文件格式)的文檔格式。

WebP 是 2010 年 Google 開發的一種圖片格式，它為網頁上的圖片提供了卓越的無損和有損壓縮。網站開發者們可以使用 WebP 來創建尺寸更小、細節更豐富的圖片，以此來提高網站的速度。更快的加載速度對于網站的用戶體驗和網站的營銷效果是至關重要的。

為了在所有設備和用戶中達到最佳加載效果，網站上的圖片文件大小最好不超過 500 KB。

與 PNG 圖片相比，WebP 無損圖片通常至少要比 PNG 圖片小 25%。在同等的 SSIM(結構相似度)質量指標下，WebP 有損圖片通常比 JPEG 圖片小 25% 到 34%。

無損 WebP 也支持透明度。而在可接受有損 RGB 壓縮的情況下，有損 WebP 也支持透明度，通常其大小比 PNG 文件小三倍。

Google 報告稱，把動畫 GIF 文件轉換為有損 WebP 后文件大小減少了 64%，轉換為無損 WebP 后文件大小減少了 19%。

現在全球在用的 80% 的 web 瀏覽器兼容 WebP 格式。目前，Apple 的 Safari 瀏覽器還不兼容。

創建更小的 WebP 圖片

測試的頁面返回了三張圖片。在它生成的報告中，它提供了推薦和目標。我選擇了它報告有 650 KB 的 app-graphic 圖片。通過把它轉換為 WebP 格式，預計可以把圖片大小降到 61 KB，節省 589 KB。我在 Photoshop 中把它轉換了，用默認的 WebP 設置參數保存它，它的文件大小為 44.9 KB。比預期的還要好！從下面的 Photoshop 截圖中可以看出，兩張圖在視覺質量上完全一樣。

左圖：650 KB(實際大小)。右圖： 44.9 KB(轉換之后的目標大小)。

把圖片轉換為 WebP

你也可以用 Linux 的命令行工具把圖片從 JPG/PNG 轉換為 WebP：

在命令行使用 cwebp 把 PNG 或 JPG 圖片文件轉換為 WebP 格式。你可以用下面的命令把 PNG 圖片文件轉換為質量參數為 80 的 WebP 圖片。

cwebp?-q?80?image.png?-o?image.webp

你還可以用 Image Magick，這個工具可能在你的發行版本軟件倉庫中可以找到。轉換的子命令是 convert，它需要的所有參數就是輸入和輸出文件：

convert?pixel.png?pixel.webp

使用編輯器把圖片轉換為 WebP

要在圖片編輯器中來把圖片轉換為 WebP，可以使用 GIMP。從 2.10 版本開始，它原生地支持 WebP。

如果你是 Photoshop 用戶，由于 Photoshop 默認不包含 WebP 支持，因此你需要一個轉換插件。遵循 Apache License 2.0 許可證發布的 WebPShop 0.2.1 是一個用于打開和保存包括動畫圖在內的 WebP 圖片的 Photoshop 模塊，在 https://github.com/webmproject/WebPShop 可以找到。

為了能正常使用它，你需要把它放進 Photoshop 插件目錄下的 bin 文件夾：

Windows x64 ：C:Program FilesAdobeAdobe PhotoshopPlug-insWebPShop.8bi

Mac：Applications/Adobe Photoshop/Plug-ins/WebPShop.plugin

WebP 和未來

WebP 是一個健壯而優化的格式。它看起來更好，壓縮率更高，并具有其他大部分常見圖片格式的所有特性。

總結

以上是生活随笔為你收集整理的webp转换gif_用 WebP 创建尺寸更小、细节更丰富的图片，以此来提高网站的速度...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。