為什么要支持webp圖片呢？因?yàn)閣ebp實(shí)在太吊了，可以把圖片無(wú)損壓縮成只有原來(lái)一半或以下大小的圖片文件，主機(jī)吧的一個(gè)微信公眾號(hào)圖片4MB的，轉(zhuǎn)換成webp的大小只有28KB！

而且圖片質(zhì)量卻沒(méi)有損失，簡(jiǎn)直恐怖，如果把網(wǎng)站的圖片全換成webp的話，那估計(jì)網(wǎng)站加載速度可以省下一兩秒。

沒(méi)壓縮前，大小4MB

壓縮后，大小28KB

教你轉(zhuǎn)換之前我們先來(lái)了解下webp格式的由來(lái)。

WebP是Google在2010年推出的影像技術(shù)，文件擴(kuò)展名為“.webp”。

圖片壓縮體積大約只有JPEG的2/3，同時(shí)又不影響圖片格式兼容與實(shí)際清晰度，進(jìn)而節(jié)省大量的服務(wù)器寬帶資源和數(shù)據(jù)空間。讓整體網(wǎng)頁(yè)下載速度加快。

不過(guò)WebP缺點(diǎn)是有的，就是部分瀏覽器或者客戶端并不支持顯示W(wǎng)ebP格式的文件，比如我們wordpress、windows，默認(rèn)情況下是無(wú)法讀取WebP文件的。

當(dāng)然WebP出來(lái)已經(jīng)10年了，幾乎95%的程序都是支持WebP的，比如微信就支持，所以取舍問(wèn)題，我們還是選擇速度至上，給wordpress開啟支持WebP圖片。

具體步驟：

使用代碼編輯器直接編輯?/wp-includes/functions.php

1、打開文件搜索

'image/jpeg' => 'jpg',

在下一行加入

'image/webp' => 'webp',

2、繼續(xù)搜

'jpg|jpeg|jpe'                 => 'image/jpeg',

下一行加入

'webp'                 => 'image/webp',

修改后保存，刷新網(wǎng)頁(yè)即可生效。

如圖wordpress縮略圖無(wú)法顯示W(wǎng)ebP圖片怎么辦？修改functions.php文件，在底部添加以下代碼保存即可。

function bzg_file_is_displayable_image($result, $path) {
$info = @getimagesize( $path );
if($info[‘mime’] == ‘image/webp’) {
$result = true;
}
return $result;
}
add_filter( ‘file_is_displayable_image’, ‘bzg_file_is_displayable_image’, 10, 2 );

需要說(shuō)明的是之前上傳的webp圖片是不會(huì)顯示的，只能添加代碼后上傳的webp文件才會(huì)顯示縮略圖。