最近,七牛推出了一项官方数据服务,可以免费或者收费为所有 jpeg 和 png 图片瘦身。这对网站图片多,流量紧张的用户无疑是个好消息(点此注册七牛)。
七牛图片瘦身服务特点:
- 这项服务目前只针对 jpeg、png 格式图片;
- 瘦身后分辨率不变,格式不变;
- 肉眼画质不变;
- 图片体积大幅减少,节省 CDN 流量,加快图片载入速度;
- CDN 用户也可以使用,暂不支持北美 Bucket。
七牛图片瘦身效果对比:
PS:图片太大,想要比较图片质量的,请自行点击浏览对比。
未瘦身前的原图:(1.67M,请右键新标签页打开):
https://www.yigujin.cn/tp/2017/170301_qiniu1.jpg
通过 imageslim 处理瘦身后的图片:(325k):
https://www.yigujin.cn/tp/2017/170301_qiniu1.jpg?imageslim
七牛图片瘦身使用方法:
1、自动调用(收费)
使用七牛 CDN 加速的域名,此域名下的 jpg、png 图片无需添加任何参数,只需要在七牛后台开启图片瘦身服务开关即可。
自动图片瘦身价格:0.1元 / 千次
2、主动调用(免费)
七牛存储空间的图片和使用七牛 CDN 加速的图片(非七牛源站)可以主动调用图片瘦身命令,帮助减少图片大小,节省流量。
使用方法是在网站所有 jpg 和 png 格式的图片链接后面添加『?imageslim』即可。如:
https://www.yigujin.cn/tp/2017/170301_qiniu2.jpg?imageslim
七牛图片瘦身批量应用(可忽略,请直接往下看):
如果你的网站中已有大量图片需要使用 imageslim 来瘦身,可以使用 PHPMYADMIN 进入数据库管理,记下需要修改的表和字段名称。点击 SQL,分别执行以下 SQL 语句:
- UPDATE 表名称 SET 字段名称 = REPLACE( 字段名称, ‘.jpg’, ‘.jpg?imageslim’ );
- UPDATE 表名称 SET 字段名称 = REPLACE( 字段名称, ‘.png’, ‘.png?imageslim’ );
例如:
- UPDATE wp_posts SET post_content = REPLACE( post_content, ‘.jpg’, ‘.jpg?imageslim’ );
- UPDATE wp_posts SET post_content = REPLACE( post_content, ‘.png’, ‘.png?imageslim’ );
这样就可以将网站中所有的 jpg 和 png 图片瘦身了。
PS:jpeg 格式的图片同理,在写新文章的时候不要忘了在图片链接后面加上『?imageslim』。
七牛图片自动添加瘦身命令(boke112 导航补充)
只需要将下面的代码修改引用七牛图片的地址后,再添加到主题下的 functions.php 文件中最后一个 ?> 的前面即可。
- /**
- * 七牛图片自动添加瘦身命令 By boke112 导航
- * 原文地址:https://boke112.com/3818.html
- **/
- function QiNiuShouShen(){
- function Rewrite_URI($htmlSS){
- /* 七牛图片瘦身目前仅支持 jpg|png|jpeg,前面是引用七牛图片的自定义地址,如 abc.qiniudn.com */
- $patternSS ='/src=\"http:\/\/abc\.qiniudn\.com\/([^"\']*?)\.(jpg|png|jpeg)/i';
- /* 自动添加七牛图片瘦身命令?imageslim */
- $replacementSS = 'src="http://abc.qiniudn.com/$1.$2?imageslim';
- $htmlSS = preg_replace($patternSS, $replacementSS,$htmlSS);
- return $htmlSS;
- }
- if(!is_admin()){
- ob_start("Rewrite_URI");
- }
- }
- add_action('init', 'QiNiuShouShen');
说明:记得替换以上代码中引用七牛图片的地址,如果地址不对是不会自动替换的,如果不是代码中的那三种图片格式也不会替换,如果以后七牛支持的图片格式多了,可以自行添加,如支持 gif,则将以上代码的 jpg|png|jpeg 改为 jpg|png|jpeg|gif 即可。PS:如果以前已经在数据库中增加了这个瘦身命令,那么需要先行删除哦,要不然会出现两个瘦身命令(一个是本身就有的,一个是这个代码自动添加的)。
PS:boke112 导航和懿古今站点已经用上这个代码了,
发表于2017-03-03 14:51 沙发
方法不错
@阿里书籍[呲牙] 我现在已经添加上最后一段的代码,感觉挺好的
@懿古今博主确实有精力折腾。
发表于2017-03-03 15:40 板凳
这样发你不怕百度重复收录?
@明月登楼的博客[偷笑] 其实就是转载文章,一般觉得有用的才转载,对于重复收录,不是很在意。就好比网络上一篇文章就能搜出很多一样。
发表于2017-03-06 20:46 地板
折腾了,等你升级主题后,又要自己重新折腾了。
@分钱榜所以主题够用就行,自己适当DIY就行,不一定要跟着升级的