生成缩略图_APP中缩略图的生成公式

70f21d57cce9680eeefd391dcc4b900d.png

几乎每个APP都会使用到缩略图。所谓缩略图,就是图片经压缩方式处理后的小图,经常出现在APP的列表页或聚合页。


下面以微信为例,来说明缩略图是如何生成的。微信朋友圈的缩略图按图片的多少分为两种生成方式:

一、只有1张图时
缩略图的最大尺寸是180*180(宽*高);不需要裁剪。具体生成规则:1、如果图片的长边>180,则将长边压缩到180,同时将短边同比压缩。
例1:原图宽为360,高为300,则压缩后的缩略图:宽=180,高=300/(360/180)=150

3df22827aa2ef1f5f4a283f307b21548.png
原图

4d0aea831792aed01c341a79a783ca8f.png
缩略图

注:长边指图片的宽、高两个边中边长较长的边;上图为原图,下图对应的缩略图。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.

f9ec1d992c1e97542eb6a48599ecd09d.png
原图

9aa6e585d93e78d966c95856f543e0d4.png
缩略图
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值