七牛使用总结:图片流量优化压缩策略

来源:互联网 发布:两会期间网络保障方案 编辑:程序博客网 时间:2024/05/29 11:40

图片流量优化压缩策略

我们通常都希望使用七牛提供的服务对自己的图片进行压缩,这样可以在加载图片的时候减少下载流量,下面介绍一些常见的对图片进行压缩的方法:

本例中用到的测试图片是:

http://7xkr3o.com1.z0.glb.clouddn.com/testdemo.jpg

大小:1.7 MB 分辨率:width: 790,height: 2682

1.使用我们的imageView2或者imageMogr2接口改变图片的分辨率:

http://7xkr3o.com1.z0.glb.clouddn.com/testdemo.jpg?imageMogr2/thumbnail/500x

大小:168 KB 分辨率: width: 500,height: 1697

2.如果视频有exif信息的话用strip去除视频元信息图片size会降低不少:

可以查看图片的元信息:

http://7xkr3o.com1.z0.glb.clouddn.com/testdemo.jpg?exif

http://7xkr3o.com1.z0.glb.clouddn.com/testdemo.jpg?imageMogr2/strip

大小:360 KB 分辨率:width: 790,height: 2682

3.如果是jpg图片格式的话是可以通过降低图片的quality来改变图片的大小:

http://7xkr3o.com1.z0.glb.clouddn.com/testdemo.jpg?imageMogr2/quality/50

大小:233 KB 分辨率:width: 790,height: 2682

4.可以通过转换图片的格式来达到改变图片的大小:

bmp格式比png要大得多,而png可能比jpg又大得多,而jpg又可能比google最新推出的webp格式大得多

可以参考:

http://kb.qiniu.com/5u81efco

http://blog.csdn.net/guoer9973/article/details/44345451

5.以上几种方式集成在一起效果会更好:

http://7xkr3o.com1.z0.glb.clouddn.com/testdemo.jpg?imageMogr2/thumbnail/500x/strip/quality/50/format/webp

大小:69 KB 分辨率:width: 790,height: 2682

技术交流学习或者有任何问题欢迎加群:154514123

这里写图片描述

0 1