幾乎每個APP都會使用到縮略圖。所謂縮略圖,就是圖片經壓縮方式處理後的小圖,經常出現在APP的列表頁或聚合頁。

下面以微信為例,來說明縮略圖是如何生成的。微信朋友圈的縮略圖按圖片的多少分為兩種生成方式:

一、只有1張圖時

縮略圖的最大尺寸是180*180(寬*高);不需要裁剪。具體生成規則:

1、如果圖片的長邊>180,則將長邊壓縮到180,同時將短邊同比壓縮。

例1:原圖寬為360,高為300,則壓縮後的縮略圖:寬=180,高=300/2=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.

原圖

縮略圖


推薦閱讀:
相关文章