Npcink Blog
切换菜单

怎么在媒体库里上传并预览 webp 格式图片？ - WordPress 教程

webp 格式的图片优势主要就是图片清晰度高，体积小。一方面能节约服务器的带宽资源，一方面可以大大提高页面的打开速度

最后更新于
本页目录2 节

很多站长都偏爱 webp 格式的图片，webp 格式的图片优势主要就是图片清晰度高，体积小。一方面能节约服务器的带宽资源，一方面可以大大提高页面的打开速度。

有个缺点需要注意下，webp 兼容性不太好，在老版本的浏览器上可能无法显示。目前主流浏览器基本都是支持的。

WordPress 本身是不支持该图片的上传和显示的，但通过这篇 WordPress 教程，可以让 WordPress 在媒体库里上传并预览 webp 格式图片。

代码

//下方一段为webp格式图片支持代码
function bzg_filter_mime_types( $array ) {
  $array['webp'] = 'image/webp';
  return $array;
}
add_filter( 'mime_types', 'bzg_filter_mime_types', 10, 1 );
//下方为webp格式图片在媒体库预览图像支持代码
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 );

部署

在主题根目录下的 functions.php 文件中的<?php 下添加以下代码并保存。