几乎每个APP都会使用到缩略图。所谓缩略图,就是图片经压缩方式处理后的小图,经常出现在APP的列表页或聚合页。
下面以微信为例,来说明缩略图是如何生成的。微信朋友圈的缩略图按图片的多少分为两种生成方式:
一、只有1张图时
缩略图的最大尺寸是180*180(宽*高);不需要裁剪。具体生成规则:1、如果图片的长边>180,则将长边压缩到180,同时将短边同比压缩。
例1:原图宽为360,高为300,则压缩后的缩略图:宽=180,高=300/(360/180)=150
注:长边指图片的宽、高两个边中边长较长的边;上图为原图,下图对应的缩略图。2、如果图片的长边<180,则无需压缩。即缩略图=原图。
二、多于1张图时
缩略图的尺寸固定为80px*80px;可能需要裁剪。具体生成规则:先将短边缩放到80;然后长边同比缩放,最后从中间截取(80*80)
例2:原图宽为40,高为50,则先把短边(宽)放大到80,长边(高)同比放大到100,然后80*100的图中间截取80*80.
例3: 原图宽为90,高为40,则先把短边(高)放大到80,长边(宽)放大到180,然后从180*80的图中间截取80*80.
例4:原图宽为180,高为120,则先把短边(高)缩小到80,长边(宽)缩小到120,然后从120*80的图中间截取80*80.