WordPress媒体库上传并预览webp格式的图片

前言

为什么要用webp

1. 同等图片质量的情况下，大多数情况下webp格式体积更小，更加节省存储空间，当然不排除个例。

2. 支持有损和无损两种压缩模式。

缺点

1. 兼容性问题（目前个人知道的苹果设备都不支持），不过这个不妨碍我们在支持它的平台上使用。

2. webp在解码时间上比png的图片要长一些，由于可以减少图片大小，来提高图片加载速度，总体来说，忽略不计。

WordPress如何使用webp格式图片呢？

1. 修改WordPress目录/wp-includes/functions.php文件，注意不是主题下的functions.php。

   1.搜索 'image/jpeg' => 'jpg', 在下一行加入：'image/webp' => 'webp',
   ​
   2.搜索 'jpg|jpeg|jpe' => 'image/jpeg', 在下一行加入：'webp' => 'image/webp',

   PS：加入以上代码就可以在媒体库上传webp格式图片了，但还不能直接在媒体库预览此格式图片，往下看。

2. 在主题的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 );

   PS：此时就可以在WP后台的媒体库上传并且预览webp格式图片了。