WebP是一種現(xiàn)代圖像格式，可為網(wǎng)絡(luò)上的圖像提供改進(jìn)的無損和有損壓縮。WebP 圖像比其 JPEG 或 PNG 等效圖像平均小 30% 左右，從而使網(wǎng)站速度更快，使用的帶寬更少。根據(jù) caniuse，所有現(xiàn)代瀏覽器都支持 WebP 圖像格式 。
從 WordPress 5.8 版開始，您可以像今天使用 JPEG 或 PNG 圖像一樣在 WordPress 中上傳和使用 WebP 圖像（只要您的托管服務(wù)支持 WebP）。將圖像切換為 WebP 格式將提高您網(wǎng)站的性能和網(wǎng)站訪問者的體驗(yàn)。
WebP 如何幫助您
WebP 圖像明顯小于其 JPEG 等效圖像，因此您網(wǎng)站的訪問者會更快地看到完整頁面的加載。較小的圖像需要較少的帶寬來傳輸，并且srcset默認(rèn)情況下您的圖像仍然可以獲得延遲加載的所有響應(yīng)優(yōu)勢。最后，所有主要瀏覽器都支持 WebP，因此大多數(shù)網(wǎng)站今天就可以開始使用它們。
創(chuàng)建 WebP 圖像
圖像編輯工具支持在 WebP 中導(dǎo)出，或者您也可以使用命令行轉(zhuǎn)換工具或基于 Web 的工具，例如Squoosh。將圖像保存為 WebP 后，將它們上傳到 WordPress 并像使用任何其他圖像一樣使用它們。
使用 WebP 圖像
WebP 圖像與 WordPress 中的任何其他圖像一樣工作，但有一些小警告。
WebP 圖像支持有損和無損壓縮，以及動畫格式并支持透明圖像。在 WordPress 中，只有在托管服務(wù)器使用 Imagick 時(shí)才支持無損 WebP格式，直到 LibGD添加支持。此外，調(diào)整大小的圖像尚不支持動畫和 Alpha 格式（以這些格式上傳時(shí)會創(chuàng)建有損圖像）。
媒體庫中的 WebP 支持要求您的 Web 服務(wù)器的圖像處理庫（WordPress 支持 Imagick 和 LibGD）支持 WebP 格式。幸運(yùn)的是，這些庫支持 WebP 已經(jīng)有一段時(shí)間了，因此支持是廣泛可用的。如果您的網(wǎng)絡(luò)服務(wù)器不支持 WebP，您將在嘗試上傳 WebP 圖像時(shí)看到錯(cuò)誤消息。
如果您的受眾包括大量使用不受支持的瀏覽器（例如 IE11）的用戶，請避免使用 WebP 圖像，或?qū)?a target="_blank" rel="noreferrer noopener">瀏覽器 polyfill 加入隊(duì)列。
對未來的計(jì)劃
媒體組件團(tuán)隊(duì)還在探索讓 WordPress 對上傳的圖像執(zhí)行圖像格式轉(zhuǎn)換的選項(xiàng)——使用 WebP 作為小尺寸圖像的默認(rèn)輸出格式。您可以跟蹤TRAC工單進(jìn)度和測試的這項(xiàng)功能。我們還密切關(guān)注更現(xiàn)代的格式，如 AVIF 和 JPEGXL，它們將提高壓縮率并進(jìn)一步減少壓縮所需的資源。
常問問題
如何微調(diào)用于 WebP 圖像的壓縮質(zhì)量設(shè)置？
開發(fā)人員或插件可以使用wp_editor_set_quality 過濾器來設(shè)置質(zhì)量設(shè)置。傳遞的 MIME 類型啟用按類型設(shè)置，例如：
// Use a quality setting of 75 for WebP images.
function filter_webp_quality( $quality, $mime_type ) {
if ( 'image/webp' === $mime_type ) {
return 75;
}
return $quality;
}
add_filter( 'wp_editor_set_quality', 'filter_webp_quality', 10, 2 );如果我啟用過濾器以使用 WebP 子尺寸，但上傳 JPEG，會發(fā)生什么情況？子尺寸是否必須與原始尺寸相匹配？
默認(rèn)情況下，WordPres 創(chuàng)建與上傳文件相同類型的小尺寸圖像，因此上傳 WebP 文件以在您的站點(diǎn)上獲取 WebP 文件。如果您想嘗試上傳 JPEG 并讓 WordPress 為您的小尺寸圖像自動將這些轉(zhuǎn)換為 WebP，請查看此插件（相關(guān)的跟蹤票）。
如果我使用 WordPress?多站點(diǎn)模式，我的所有網(wǎng)站都可以使用 WebP 圖片嗎？
否。多站點(diǎn)存儲用戶在創(chuàng)建站點(diǎn)時(shí)允許上傳的文件類型。我們正在努力改進(jìn)#53167。同時(shí)，為了確保網(wǎng)絡(luò)上所有現(xiàn)有站點(diǎn)都允許 WebP 文件，您可以使用網(wǎng)絡(luò) mu-插件中的site_option過濾器為所有網(wǎng)絡(luò)站點(diǎn)添加webp為允許的文件類型：
// Ensure all network sites include WebP support.
add_filter(
'site_option_upload_filetypes',
function ( $filetypes ) {
$filetypes = explode( ' ', $filetypes );
if ( ! in_array( 'webp', $filetypes, true ) ) {
$filetypes[] = 'webp';
$filetypes = implode( ' ', $filetypes );
}
return $filetypes;
}
);
