WordPress教程 – 在媒体库上传并预览webp格式图片

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

很多站长都偏爱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下添加以下代码并保存。

人已赞赏
WordPress教程

WordPress教程 - 防止用户名出现空格

2020-10-5 8:00:00

WordPress教程

WordPress教程 - 自动为图片添加alt和title标签

2020-10-13 12:00:00

⚠️
恩月阁文章由星九进行编写或整理,部分内容来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若无意中侵害到您的权益,请发送邮件至 xingjiu@nuue.cn 或点击右侧 私信:星九 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索