Sivo 悉见

手机端响应式图片处理AdaptiveImages插件

匿名 · 更新于 2015/4/20

下载地址:http://yunpan.cn/cVbL5FG4zuBRT  访问密码 8c02
通过检测手机的宽度,在小设备访问图片时返回合适尺寸的小图片,到小尺寸设备达到图片响应式。 这个插件说白了就是配置.htaccess后 移动端访问站点上的图片时会转到插件里图片请求控制器进行和手机端屏幕尺寸做比较,然后自动缩放到边界的最小尺寸。

相关配置见图。 QQ20131230-1

可以修改缓存的位置和质量以及是否需要锐化。是否监视源文件(这个开发阶段开启,方便美工更新静态资源)。

nginx的需要同学自己配重写了。

比如我有这图片原图640px宽,而我看的手机才480。使用该插件后,如果重写生效,并且配置正确,后台插件方法会将此图生成一个480宽的同名图片,并且文件名格式一定。返回给手机浏览器。下次同样宽度手机访问返回的图片就返回生成的缓存图片了。

这样手机访问的时候就节省了流量。对用户来说也不会影响太大。