图片处理:如何解决GIF流量爆炸问题 / 木子杰软件教程

图像的格式丰富多彩，既有使用最多的JPEG、PNG、BMP、GIF，也有Google开发的适用于Web的WebP，更有苹果推出的Live
Photo。不管是PC端还是移动端，图片一直是流量的大头。在移动互联网爆发的读图时代，如何保证在图片质量不降低的前提下减少图片开发成本.七牛在图片缩略处理方面提供imageView2接口，由于移动端屏幕众多，该接口支持生成各种规格以适应不同屏幕的缩略图，在所支持的各种图片格式中，
便包含gif，此外还支持psd、jpeg、png、webp、tiff、bmp等多种格式。通过该接口，可大大减少图片文件大小，节省流量的同时也省掉
大半的流量费用。

操作方法

01

以下为所找gif原图，大小为4MB：
02

使用七牛imageView2生成不同缩略图，并得如下结果：
03

使用imageView2接口不同的操作模式可生成不同缩率的GIF动图，指定宽高和原图宽高缩率的比例和流量、CDN费用成正比，在不影响用户体验的前提下对GIF动图进行不同程度的缩略。经过此次测试，小七所选择的本张图片缩率为75%时，在手机端、PC端显示也比较清晰。可见，TECH2IPO/创见使用imageView2进行处理从而大大减少CDN流量费用将不是问题。

imageView2的接口的使用方法

01

imageView2接口规格如下： imageView2//w//h//format/ /interlace//q/
02

如imageView2/0/w//h/，指限定缩略图长边最多为，短边最多为，进行等比缩放，不裁剪。如果只指定w参数则表示限定长边(短边自适应)，只指定h参数则表示限定短边(长边自适应)。使用该imageView2接口是在访问图片资源的时侯进行同步压缩，客户端访问到的资源就是被压缩后的资源。
03

使用者将GIF动态图片上传至七牛对象存储平台后，只需在该图片访问资源链接修改以上及参数即可获得缩略结果。参数设置主要以客户端设备的分辨率大小有关，一般设计页面的前端开发可以对此做出简单的规划，譬如手机端以宽高300x300的大小，PC端是500x500，而通过不同的参数设置，是可获得任意大小的缩略图结果的。
04

更多使用详情可参考“七牛API参考手册”，除本文所提到的GIF缩略处理外，还包括图文混排水印、自定义裁剪、旋转、效果处理(高斯模糊)、格式转换、原图保护、防盗链等贴心的接口可供使用。对于GIF动图，同样也能对其进行以上其它的图片处理操作。

图片处理:如何解决GIF流量爆炸问题

操作方法

imageView2的接口的使用方法

相关推荐