01/15
2016
有时候我们想要显示图片的缩略图,在七牛中有现成的格式可用调用。假如有下面一个图片的url:
/f/%E8%8A%B1%E5%AB%81Saber2.jpg
我们可以在后面以如下格式对尺寸加以限制:
?imageView2/1/w/<Width>/h/<Height>
本文中的图片url如下:
/f/%E8%8A%B1%E5%AB%81Saber2.jpg?imageView2/1/w/350/h/500
tips:如果缺省一个规则,例如宽或高,则输出尺寸为正方形,宽高一样。
tips:输出的宽高不会大于原图宽高。如果任何一个条件大于实际长度,会输出对应该条件(宽或高)的实际长度。
tips:如果尺寸和原图比例不能保持一致,会先等比缩放图片,然后按规定的尺寸裁剪,比例小的那条边的内容取居中部分。
对于裁剪,参考一下:
例如有一张600*1000的原图(近似于本文中图片的原图),规定输出尺寸为300*200,图片不会被压扁,而是会经过以下的过程:
1.原图首先被等比缩放到300*500;(缩放到输出尺寸中的一个)
2.从300*500裁剪为300*200;(裁剪为输出尺寸)
3.因为原图是纵向长,输出是横向长,此时输出结果中高200px的区域是取缩放后的图(高500px)的垂直居中区域。
结果如下:
如果我们的输出的是纵向长,且比原图的纵向比例更大,则会在图像的水平方向裁剪,这个也是取居中区域,是水平居中。
试验一下这个情况:
七牛调用图片的自定义尺寸
-
Google Chrome 47Android 5.0.2 -
Google Chrome 47Android 5.0.2 好凶(✪▽✪)
-
Google Chrome 45Windows 黄图哥重现江湖(。・ω・。)
图片被裁剪了骑牛计算的流量也相应减少了吧