七牛图片高级处理imageMogr2替换timthumb缩略图

  • A+
所属分类:网站建设

timthumb.php是一个专门为WordPress开发的缩略图应用项目,为了使主题缩略图内容大小一致,越来越多的主题开始使用timthumb。但是timthumb要求主机支持GD库,且缩略图是动态生成缓存到服务器的,会消耗一定的服务器资源。如果站点图片文件过多,会对服务器负载造成很大的影响。建议使用七牛缩略图高级处理imageMogr2的thumbnail功能替代timthumb.php缩略图,以达到缓解服务器压力,加速图片访问的目的。

七牛云存储服务支持图片缩略、裁剪、旋转、转化等功能,各网站一般介绍的是使用七牛的图片基本处理imageView2实现缩略图功能,但由于imageView2只能对图片进行简单的等比例缩放,如果网站图片大小比例不一,很难达到统一图片大小的目的。而imageMogr2是七牛图片的高级处理接口,借助imageMogr2可以轻松统一网站缩略图的大小。

实现统一缩略图大小主要使用到imageMogr2的thumbnail操作,thumbnail操作参数表如下:

/thumbnail/!<Scale>p  : 基于原图大小,按指定百分比缩放。取值范围为0-1000。

/thumbnail/!<Scale>px  :以百分比形式指定目标图片宽度,高度不变。取值范围为
0-1000。

/thumbnail/!x<Scale>p  :以百分比形式指定目标图片高度,宽度不变。取值范围为
0-1000。

/thumbnail/<Width>x  :指定目标图片宽度后高度等比缩放。取值范围为0-10000。

/thumbnail/x<Height>  : 指定目标图片高度后宽度等比缩放。取值范围为0-10000。

/thumbnail/<Width>x<Height>  :限定长边,短边自适应缩放,将目标图片限制在指定宽高矩形内。取值范围不限,但若宽高超过10000时只能缩不能放。

/thumbnail/!<Width>x<Height>r  :限定短边,长边自适应缩放,目标图片会延伸至指定宽高矩形外。取值范围不限,但若宽高超过10000时只能缩不能放。

/thumbnail/<Width>x<Height>!  :限定目标图片宽高值,忽略原图宽高比例,按照指定宽高值强行缩略,可能导致目标图片变形。取值范围不限,但若宽高超过10000时只能缩不能放。

/thumbnail/<Width>x<Height>>  :当原图尺寸大于给定的宽度或高度时,按照给定宽高值缩小。取值范围不限,但若宽高超过10000时只能缩不能放。

/thumbnail/<Width>x<Height><  :当原图尺寸小于给定的宽度或高度时,按照给定宽高值放大。取值范围不限,但若宽高超过10000时只能缩不能放。

/thumbnail/<Area>@  :按原图高宽比例等比缩放,缩放后的像素数量不超过指定值。取值范围不限,但若像素数超过25000000时只能缩不能放。

如要使网站所有缩略图图片大小相同,必须强制固定缩略图的宽度和高度,通过分析以上参数表发现imageMogr2/thumbnail/<Width>x<Height>!参数完全可以满足要去。如你站点的图片文件已经托管到了七牛,则可以直接利用这个参数实现固定长宽的缩略图。

如本站有所有缩略图大小为280x210,可以在图片后加如下参数实现所有缩略图大小为280x210:

http://developer.qiniu.com/resource/gogopher.jpg?imageMogr2/thumbnail/280x210!

查看效果图

查看更多七牛图片高级处理功能。还没有七牛账号?那就赶紧注册一个吧,注册成为七牛标准用户,每月获赠10G存储,10G流量,对于中小流量站点免费流量已足够使用。图片等静态文件部署在七牛,既节省了费用又加快了网站访问速度,何乐而不为。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: