WordPress 利用七牛云或又拍云使用 Webp 图片格式

七牛云储存

七牛云 图片处理

WordPress 利用又拍云或七牛使用Webp 图片格式

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

但是 Webp 的缺点也很明显,就是只支持 Chrome 浏览器,iOS 下的 Safari 甚至都不支持。

七牛云提供了图片输出格式的选择,Webp 也包含在其中,只要你使用了七牛云 CDN ,那么就可以将站内的图片全部选择输出为 Webp 格式了,我们剩下要做的就是判断何时输出 Webp 格式。

实现方法:
下面的代码直接加到functions.php中即可

function fa_converse_webp($matches) {
    return $matches[1] . $matches['2'] . '?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');

又拍云也可使用此代码,将第二行中的 ?imageView2/0/format/webp 替换为 !/format/webp 即可。


这才是正文,吐槽下七牛云

七牛云储存

七牛云 对象储存

今天突然收到七牛的扣费账单,上月消费了几块钱,有点好奇,就上去看看扣费情况。
原来是上月无聊,把几个宝塔上的每日备份所有网站功能都开了,没注意备份了几个体积大的整站,导致七牛的对象储存用超了,产生了点费用。

七牛云 融合 CDN

正好看到页面上有七牛的活动促销提醒,看了看CDN流量包挺便宜的,就整了一个,把AFF站的CDN换成了七牛。
之前是用的猫云CDN,小厂,但服务挺好的,有什么问题客服QQ都很快能解决。七牛是用的工单系统,大厂都用工单,但沟通效率肯定还是比即时通讯要差不少。

CDN就是用来提速网站访问速度的,但是今天体验下来,也在本地测试了好几次,速度确实不太理想。

用猫云时,首次访问网站一般在2-4s之间就加载完成。现在用了七牛,测试却要10-20s才能加载完。
或许是我还不太熟悉七牛,没能正确配置吧。

另外在配置七牛CDN时还有点小插曲,我默认选择的使用场景是动态加速,后面因为找不着流量包余量查询,就发了个工单问一下,
这才知道我这个流量包不能用于动态加速场景,只能选择图片小文件或下载分发这些的静态加速。不问这一下的话流量包不但白买,还会按量扣费。

还有两点不太满意的地方。
1.七牛没有CDN流量包余量实时查询功能,客服告诉我 您好,实时的流量包使用情况查询暂时没有实时提供,财务中心的订单列表一个月会扣除一次(账期是一个月),平时可以关注下实时消费详情,每日早晨更新一次,会记录抵扣近期的额度 ,太不方便啦!

2.流量带宽超量配置也不太好用,只能设置超量提醒,而不能选择腾讯云那样的超量关闭CDN或返回源站。这样如果没关注提醒,感觉别人给我刷一晚上流量,房子就没了呢~ 并且我在设置了一个阈值后,后面尝试修改这个量,每次都提醒 [0] 未知错误 ,而不能修改成功。

总的来说今天体验一天确实不太满意,接下来几天再看看吧,不行的话只能扔了~

本文链接:

https://www.wbzhi.com/qiniu.html
1 + 5 =
快来做第一个评论的人吧~