#独家
在媒体库里上传并预览webp格式图片

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下添加以下代码并保存即可。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!496719279@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有钻石奖励和额外收入!

五域源码网 技术教程 在媒体库里上传并预览webp格式图片 https://www.wuyuymw.com/10423.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整, 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘
查看详情
  • 如果是蓝奏云下载链接,请将lanzous替换成lanzoui 如果是蓝奏云下载链接,请将lanzous替换成lanzoux 以上方法均可
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

源码
小程序源码

模块描述

按钮标题