使WordPress支持WebP格式的圖片上傳、顯示略縮圖 - paabee.com

使WordPress支持WebP格式的圖片上傳、顯示略縮圖

Wordpress admin 822℃ 0评论

使WordPress支持WebP格式的圖片上傳、顯示略縮圖

前言

WordPress本身(此時的版本為5.0.3)並不支持WebP圖片的上傳和在媒體庫中生成略縮圖。所以為了方便使用WordPress,文章將會介紹如何通過修改functions.php文件使之支持WebP格式的圖片的上傳與顯示其略縮圖

WebP 介紹

WebP是一種由Google於2010年提出的圖片壓縮格式。
WebP為網絡圖片提供了無損和有損壓縮能力,同時在有損條件下支持透明通道。據官方實驗顯示:無損WebP相比PNG減少26%大小;有損WebP在相同的SSIM(Structural Similarity Index,結構相似性)下相比JPEG減少25%~34%的大小;有損WebP也支持透明通道,大小通常約為對應PNG的1/3。

步驟

1.打開當前主題目錄下的functions.php文件,在尾部添加如下字段

  1. function bzg_filter_mime_types $array {
  2. $array ‘webp’ ‘image/webp’ ;
  3.  return $array;
  4. }
  5. add_filter ‘mime_types’ ‘bzg_filter_mime_types’ 10 ;

   此時已經實現WebP圖片的上傳

2.繼續添加如下字段

  1. function bzg_file_is_displayable_image $result, $path {
  2. $info = @ getimagesize $path ;
  3. if $info ‘mime’ == ‘image/webp’ {
  4.  $result = true;
  5. }
  6.  return $result;
  7. }
  8. add_filter ‘file_is_displayable_image’ ‘bzg_file_is_displayable_image’ 10 ;

   現在實現了媒體庫中的略縮圖顯示

3.保存functions.php文件並上傳覆蓋原目錄中的文件,也可以自行保存之前的文件

  1. CentOS7  系統可以參考下官方給的安裝代碼,至於後面的配置步驟什麼的全系統通用。因為時間有限,所以我目前只測試了各個Debian Ubuntu系統,有空的話我測試下CentOS7,補充下手動教程。

轉載請註明:paabee.com » 使WordPress支持WebP格式的圖片上傳、顯示略縮圖

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址