动态切图说明
架构图
测试FWS环境域名:
/
测试LPT环境域名:
/
测试UAT环境域名:
http:// /
生产环境域名:
-/images/
详细说明
动态切图可以很容易地满足业务对图片各种尺寸的需求,并且切图的性能和质量都相当优秀。
目前使用的是现在比较流行的nginx+lua+graphicsmagick的动态切图模式,在淘宝的
许多项目中有广泛的应用。
动态切图前提是图片存储上必须有原图存在。
只有在白名单中的切图参数才能实现动态切图。
用户请求图片,如果图片已经存在,就直接读取存储上的已存在的图片;不存在的图片才需要动态切图。
切图类型分为:R,C,W,Z四种类型:
R:固定宽高(压缩)
C:固定宽高(压缩或者放大)
W:高固定,宽(原图比例计算),宽固定,高(原图比例计算) (压缩)
Z:高固定,宽(原图比例计算),宽固定,高(原图比例计算) (压缩或者放大)
实例
原图地址:
-/images/fd/test/g1/M00/00/04/
动态切图地址:
-/images/fd/test/g1/M00/00/04/
R:类型参数【必填,切图类型,具体上面有介绍】
250_250:切图宽高【必填,有白名单限制,支持100x100,120x120,130x130,600x400等】
R90:90代表图片旋转的角度【不必填,不填默认不旋转,目前支持旋转90,180度】
Q90:90代表图片质量,范围可设置0~100【不必填,不填时默认90】
测试环境使用例子:
./ 可以填写频道test上传图片,如果需要填写自己的频道名称,需要向框架申请你的频道下白名单切图尺寸,请联系f_xie@。
获取原图地址:
./
动态切图使用说明 来自淘豆网m.daumloan.com转载请标明出处.