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格式图片了。

人已赞赏
WordPress教程

WordPress免插件开启微信公众号涨粉功能

2020-7-15 21:32:48

WordPress教程

WordPress+jsDelivr CDN开启伪全站CDN加速

2020-7-25 13:01:41

3 条回复 A文章作者 M管理员
  1. 谢谢大佬分享啊! ✗咧嘴笑✗ ✗我爱你✗

  2. 试了,但一直不成功

    • 不会的喔,我一直都在用,包括现在

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索