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

转载   西狂部落阁  2017-03-01 07:39:52  336 人阅读  37 条评论

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

用“imageslim”后缀命令为七牛空间的图片瘦身 建站经验 第1张

七牛图片瘦身服务特点:

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

七牛图片瘦身效果对比:

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

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

http://tp.yigujin.cn/170301_qiniu1.jpg

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

http://tp.yigujin.cn/170301_qiniu1.jpg?imageslim

七牛图片瘦身使用方法:

1、自动调用(收费)

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

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

2、主动调用(免费)

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

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

http://tp.yigujin.cn/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.  * 原文地址:http://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导航和懿古今站点已经用上这个代码了,

文章标签: ,   ,   ,  
原文地址:http://www.xikuang.ren/826.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为转载文章,来源于 西狂部落阁 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 热腾网
    热腾网 【市长】 @回复

    感觉还是别动数据库为好。

    • boke112导航
      boke112导航【站长】2017-03-01 22:07  回复

      @热腾网文中最后的代码就是不动数据库文中,只是重写七牛图片的地址而已,感觉这样还行

  2. 杭州SEO优化
    杭州SEO优化 【镇长】 @回复

    这么强大啊

  3. 闲鱼
    闲鱼 【县长】 @回复

    这个可以有,已经在使用了

  4. 明月登楼
    明月登楼 【总理】 @回复

    是gif不是git哦!呵呵,没有校队呀!

  5. 西狂
    西狂 【镇长】 @回复

    会PHP就是好啊,一段 function 全完成了,省事!function QiNiuShouShen 我搬回去了

    • boke112导航
      boke112导航【站长】2017-03-01 15:39  回复

      @西狂[嘻嘻] 这个代码的好处是不用动数据库,以后添加图片也不用添加那个瘦身命令,个人认为还不错

  6. 人生格言
    人生格言 【村长】 @回复

    这压缩真不错,质量好像没多大损失

  7. 码农BTS
    码农BTS 【市长】 @回复

    专业省空间,哈哈

    • 西狂
      西狂 【镇长】2017-03-01 14:55  回复

      @码农BTS空间省不了,七牛不会动你的原图片。但是能省不少流量

      • boke112导航
        boke112导航【站长】2017-03-01 15:38  回复

        @西狂[嘻嘻] 我图片都是直接上传到七牛的,本地不放图片,所以换个角度来说应该也是省空间了

  8. DIY大全
    DIY大全 【镇长】 @回复

    评论上面的这个淘宝客怎么弄的

  9. 网赚猫
    网赚猫 【镇长】 @回复

    还是喜欢用tietuku,价格更优惠

  10. 玉满斋
    玉满斋 【省长】 @回复

    再把“防盗链”白名单打开后,配合图片瘦身,那流量立马就降下来了!三月份数据收集对比一下!

  11. 爱时尚
    爱时尚 【省长】 @回复

    效果怎么样,我图片有点多了,想找地方放

  12. 风中世界
    风中世界 【镇长】 @回复

    用过一段时间的七牛,并不比想象中好,不过也算是不错的

  13. 三五豪侠传
    三五豪侠传 【农民】 @回复

    拜读大侠博客,感悟人生道理!

  14. 靠谱学生兼职网
    靠谱学生兼职网 【市长】 @回复

    不错哦,好东西呢

  15. 雅兮网
    雅兮网 【省长】 @回复

    七牛搞得很不错的样子,很有必要学习研究一下

    • boke112导航
      boke112导航【站长】2017-03-01 14:29  回复

      @雅兮网[嘻嘻] 我现在直接用文中最后的那个代码自动为七牛的图片添加瘦身命令,感觉挺给力的。

  16. 金榜台博客
    金榜台博客 【市长】 @回复

    非常实用的工具

  17. 明月登楼
    明月登楼 【总理】 @回复

    这个图片瘦身配合WordPress的图片暗箱是非常完美的!节省流量效果明显!

    • boke112导航
      boke112导航【站长】2017-03-01 08:56  回复

      @明月登楼加有这个瘦身命令之后,好像图片暗箱失败,不知道是不是我自己的设置问题

      • 明月登楼
        明月登楼 【总理】2017-03-01 08:59  回复

        @boke112导航嗯,可能是你主题或者插件的图片暗箱代码有冲突吧!我现在博客和主站都开启这个“图片瘦身”了,暗箱也都正常的!

      • 明月登楼
        明月登楼 【总理】2017-03-01 09:00  回复

        @boke112导航还有,你的图片默认不是链接到“媒体文件”好像,这个也有影响的吧!我们都是图片默认就是链接到媒体文件的!

        • boke112导航
          boke112导航【站长】2017-03-01 09:12  回复

          @明月登楼[偷笑] 我平时不爱开暗箱功能,所以就故意不链接到图片文件本身的。PS:刚才看了你博客的源码,发现我的瘦身之后不起作用是因为我链接的图片地址包含了瘦身命令,而你的没有,所以我的没起作用,你的起作用,已明白。

  18. Koolight
    Koolight 【省长】 @回复

    对调用七牛是不是可以在代码中直接加入参数?

    • boke112导航
      boke112导航【站长】2017-03-01 08:57  回复

      @Koolight是的,如果不用七牛的自动调用,其实我们可以为我们的站点弄一个自动添加这个参数命令的