图片处理:如何解决GIF流量爆炸问题
的有关信息介绍如下:以下为所找gif原图,大小为4MB:

使用七牛imageView2生成不同缩略图,并得如下结果:

使用imageView2接口不同的操作模式可生成不同缩率的GIF动图,指定宽高和原图宽高缩率的比例和流量、CDN费用成正比,在不影响用户体验的前提下对GIF动图进行不同程度的缩略。经过此次测试,小七所选择的本张图片缩率为75%时,在手机端、PC端显示也比较清晰。可见,TECH2IPO/创见使用imageView2进行处理从而大大减少CDN流量费用将不是问题。
imageView2的接口的使用方法
imageView2接口规格如下: imageView2//w//h//format//interlace//q/
如imageView2/0/w//h/,指限定缩略图长边最多为,短边最多为,进行等比缩放,不裁剪。如果只指定w参数则表示限定长边(短边自适应),只指定h参数则表示限定短边(长边自适应)。使用该imageView2接口是在访问图片资源的时侯进行同步压缩,客户端访问到的资源就是被压缩后的资源。
使用者将GIF动态图片上传至七牛对象存储平台后,只需在该图片访问资源链接修改以上及参数即可获得缩略结果。参数设置主要以客户端设备的分辨率大小有关,一般设计页面的前端开发可以对此做出简单的规划,譬如手机端以宽高300x300的大小,PC端是500x500,而通过不同的参数设置,是可获得任意大小的缩略图结果的。
更多使用详情可参考“七牛API参考手册”,除本文所提到的GIF缩略处理外,还包括图文混排水印、自定义裁剪、旋转、效果处理(高斯模糊)、格式转换、原图保护、防盗链等贴心的接口可供使用。对于GIF动图,同样也能对其进行以上其它的图片处理操作。



