用“imageslim”后缀命令为七牛空间的图片瘦身

转载 西狂部落阁  2017年03月03日 09:35:46  阅读 205 次

最近,七牛推出了一项官方数据服务,可以免费或者收费为所有 jpeg 和 png 图片瘦身。这对网站图片多,流量紧张的用户无疑是个好消息(点此注册七牛)。

用“imageslim”后缀命令为七牛空间的图片瘦身 技术文档 第1张

七牛图片瘦身服务特点:

  • 这项服务目前只针对jpeg、png格式图片;
  • 瘦身后分辨率不变,格式不变;
  • 肉眼画质不变;
  • 图片体积大幅减少,节省 CDN 流量,加快图片载入速度;
  • CDN 用户也可以使用,暂不支持北美 Bucket。

七牛图片瘦身效果对比:

PS:图片太大,想要比较图片质量的,请自行点击浏览对比。

未瘦身前的原图:(1.67M,请右键新标签页打开):

https://yigujin.cn/tp/2017/170301_qiniu1.jpg

通过 imageslim 处理瘦身后的图片:(325k):

https://yigujin.cn/tp/2017/170301_qiniu1.jpg?imageslim

七牛图片瘦身使用方法:

1、自动调用(收费)

使用七牛 CDN 加速的域名,此域名下的 jpg、png 图片无需添加任何参数,只需要在七牛后台开启图片瘦身服务开关即可。

自动图片瘦身价格:0.1元 / 千次

2、主动调用(免费)

七牛存储空间的图片和使用七牛 CDN 加速的图片(非七牛源站)可以主动调用图片瘦身命令,帮助减少图片大小,节省流量。

使用方法是在网站所有 jpg 和 png 格式的图片链接后面添加『?imageslim』即可。如:

https://yigujin.cn/tp/2017/170301_qiniu2.jpg?imageslim

七牛图片瘦身批量应用(可忽略,请直接往下看):

如果你的网站中已有大量图片需要使用 imageslim 来瘦身,可以使用 PHPMYADMIN 进入数据库管理,记下需要修改的表和字段名称。点击SQL,分别执行以下SQL语句:

  1. UPDATE 表名称 SET 字段名称 = REPLACE( 字段名称, ‘.jpg’, ‘.jpg?imageslim’ );
  2. UPDATE 表名称 SET 字段名称 = REPLACE( 字段名称, ‘.png’, ‘.png?imageslim’ );

例如:

  1. UPDATE wp_posts SET post_content = REPLACE( post_content, ‘.jpg’, ‘.jpg?imageslim’ );
  2. UPDATE wp_posts SET post_content = REPLACE( post_content, ‘.png’, ‘.png?imageslim’ );

这样就可以将网站中所有的 jpg 和 png 图片瘦身了。

PS:jpeg格式的图片同理,在写新文章的时候不要忘了在图片链接后面加上『?imageslim』。

七牛图片自动添加瘦身命令(boke112导航补充)

只需要将下面的代码修改引用七牛图片的地址后,再添加到主题下的functions.php文件中最后一个 ?> 的前面即可。

  1. /**
  2.  * 七牛图片自动添加瘦身命令 By boke112导航
  3.  * 原文地址:https://boke112.com/3818.html
  4. **/
  5. function QiNiuShouShen(){
  6.     function Rewrite_URI($htmlSS){
  7.         /* 七牛图片瘦身目前仅支持jpg|png|jpeg,前面是引用七牛图片的自定义地址,如abc.qiniudn.com */
  8.         $patternSS ='/src=\"http:\/\/abc\.qiniudn\.com\/([^"\']*?)\.(jpg|png|jpeg)/i';
  9.         /* 自动添加七牛图片瘦身命令?imageslim */
  10.         $replacementSS = 'src="http://abc.qiniudn.com/$1.$2?imageslim';
  11.     $htmlSS = preg_replace($patternSS, $replacementSS,$htmlSS);
  12.     return $htmlSS;
  13.     }
  14.     if(!is_admin()){
  15.         ob_start("Rewrite_URI");
  16.     }
  17. }
  18. add_action('init', 'QiNiuShouShen');

说明:记得替换以上代码中引用七牛图片的地址,如果地址不对是不会自动替换的,如果不是代码中的那三种图片格式也不会替换,如果以后七牛支持的图片格式多了,可以自行添加,如支持 gif,则将以上代码的 jpg|png|jpeg 改为 jpg|png|jpeg|gif 即可。PS:如果以前已经在数据库中增加了这个瘦身命令,那么需要先行删除哦,要不然会出现两个瘦身命令(一个是本身就有的,一个是这个代码自动添加的)。

PS:boke112导航和懿古今站点已经用上这个代码了,

如果文章对你有帮助,请赞赏支持懿古今发展!

历史上的今天:

本文地址:https://yigujin.cn/1139.html
温馨提示:文章内容系作者个人观点,不代表懿古今对观点赞同或支持。
版权声明:本文为转载文章,来源于 西狂部落阁 ,版权归原作者所有,如有侵权请留言告知,谢谢合作!
淘宝天猫无门槛专享优惠券

发表评论


表情

  1. 分钱榜
    分钱榜 【主管】 @回复

    折腾了,等你升级主题后,又要自己重新折腾了。

    • 懿古今
      懿古今【老板】2017-03-07 22:59  回复

      @分钱榜所以主题够用就行,自己适当DIY就行,不一定要跟着升级的

  2. 明月登楼的博客
    明月登楼的博客 【副总】 @回复

    这样发你不怕百度重复收录?

    • 懿古今
      懿古今【老板】2017-03-03 17:06  回复

      @明月登楼的博客[偷笑] 其实就是转载文章,一般觉得有用的才转载,对于重复收录,不是很在意。就好比网络上一篇文章就能搜出很多一样。

  3. 阿里书籍
    阿里书籍 【副总】 @回复

    方法不错

    • 懿古今
      懿古今【老板】2017-03-03 17:07  回复

      @阿里书籍[嘻嘻] 我现在已经添加上最后一段的代码,感觉挺好的