让又拍云或七牛支持WordPress使用Webp图片格式

WebP格式是谷歌开发的一种旨在加快图片加载速度的图片格式,体积大概为jpg格式的2/3。
但是实际使用中,一般人的图片并不是压缩过的,所以实际体积大约只有原图的三分之一甚至更少。
如果一篇文章有多张图片,这速度提升的就不是一点半点了。
但是Webp 的缺点也很明显,就是只支持Chrome 浏览器,iOS 下的Safari 甚至都不支持。

主流图片云储存都提供了输入格式的选择,webp 也包含在其中,只要你使用了此类云存储,那么都可以输出webp 格式了,我们剩下要做的就是判断何时输出Webp 格式。

简单的方法,可以根据HTTP 头中的accept 是否包含image/webp来判断浏览器是否支持webp 格式。

实现方法
在主题中的functions.php文件加入以下代码:

function fa_converse_webp($matches) {
    return $matches[1] . $matches['2'] . '!/format/webp';
    // 七牛把!/format/webp替换为下面的字段
    //?imageView2/0/format/webp
}

function fa_converse_webp_filter($content){
    global $post;
    $content = preg_replace_callback("/(<img[^>]*src *= *[\"']?)([^\"']*)/i", 'fa_converse_webp' , $content);
    return $content;
}

function fa_is_support_webp(){
    return strstr($_SERVER['HTTP_ACCEPT'],'image/webp');
}

if ( fa_is_support_webp() ) add_filter('the_content','fa_converse_webp_filter');

默认代码支持的是又拍云,如果你使用的是七牛则将!/format/webp替换为?imageView2/0/format/webp

1、本站资源来源于网络或网友上传提供,仅作为设计概念演示,不保证其完整性以及安全性,请下载后自行测试。
2、本站所发布的一切内容仅供观摩学习交流之用,您不得将上述内容用于商业或者非法用途,否则后果自负。
3、如果您喜欢该主题与插件,请支持并购买正版以获得商业使用授权及其他相关服务。
4、该素材资源版权属于原作者,争议或责任与本站无关,侵删请邮件联系:dmca#ztcsm..com
5、如需代购该正版主题和插件,您可通过发送电子邮件给本站,本站提供有时间成本的帮助服务。
6、本站也是和广大站长一样的过来人,将心比心不提供来路不明的素材,不提供意图不明的免费(最贵)午餐。
7、本站提供的源码均为原版资源,只研究瓶颈部分,不对原版资源进行任何添加改动,因此事先说明有的锅我们不背。
8、本站的运营需要您的支持,一切资源均源自于您,并服务于您。更重要的是,务求让您省时省力省心省成本。

主题传送门 » 让又拍云或七牛支持WordPress使用Webp图片格式

发表评论

你是时候扔掉烂大街的千篇一律,来这里寻找你的万中无一。

经过专人筛选过滤的优质海内外资源 为您省时又省力