為什么要支持webp圖片呢?因為webp實在太吊了,可以把圖片無損壓縮成只有原來一半或以下大小的圖片文件,主機吧的一個微信公眾號圖片4MB的,轉(zhuǎn)換成webp的大小只有28KB!
而且圖片質(zhì)量卻沒有損失,簡直恐怖,如果把網(wǎng)站的圖片全換成webp的話,那估計網(wǎng)站加載速度可以省下一兩秒。
沒壓縮前,大小4MB
壓縮后,大小28KB
教你轉(zhuǎn)換之前我們先來了解下webp格式的由來。
WebP是Google在2010年推出的影像技術(shù),文件擴展名為“.webp”。
圖片壓縮體積大約只有JPEG的2/3,同時又不影響圖片格式兼容與實際清晰度,進而節(jié)省大量的服務(wù)器寬帶資源和數(shù)據(jù)空間。讓整體網(wǎng)頁下載速度加快。
不過WebP缺點是有的,就是部分瀏覽器或者客戶端并不支持顯示W(wǎng)ebP格式的文件,比如我們wordpress、windows,默認情況下是無法讀取WebP文件的。
當(dāng)然WebP出來已經(jīng)10年了,幾乎95%的程序都是支持WebP的,比如微信就支持,所以取舍問題,我們還是選擇速度至上,給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)頁即可生效。
如圖wordpress縮略圖無法顯示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 );
需要說明的是之前上傳的webp圖片是不會顯示的,只能添加代碼后上傳的webp文件才會顯示縮略圖。