图像缩放
概述
本文介绍如何对图片大小进行缩放处理(resize)。
缩放参数
| 参数 | 取值 | 说明 | 
|---|---|---|
| m | lfit,mfit,fill,pad,fixed | 
 | 
| w | 1-4096 | 
 | 
| h | 1-4096 | 
 | 
| l | 1-4096 | 
 | 
| s | 1-4096 | 
 | 
| p | 1-1000 | 
 | 
| wp | 1-1000 | 
 | 
| hp | 1-1000 | 
 | 
| align | 0-100 | 
 | 
| limit | 0,1 | 
 | 
| color | 8位十六进制颜色码 | 
 | 
| radius | 1-50 | 
 | 
| sigma | 1-50 | 
 | 
效果示例
- lfit缩放
若原图大小为 600 px 乘以 400 px。
情形 1:缩放参数为 w = 500 px,h = 300 px。按照 lift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 500 px,则 h = 500/1.5 = 333 px;h = 300 px,则 w = 300x1.5 = 450 px。若限制在指定 w 与 h 的矩形内的最大图片,即缩放图的 w 乘 h 不能大于 500 px 乘 300 px。通过以上条件得出缩略图大小为 450 px 乘以 300 px。
情形 2:缩放参数为 w = 900 px,h = 800 px。按照 lift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 900 px,则 h = 900/1.5 = 600 px;h = 800 px,则 w = 800x1.5 = 1200 px。若限制在指定 w 与 h 的矩形内的最大图片,即缩放图的 w 乘 h 不能大于 900 px 乘 800 px。通过以上条件得出缩略图大小为 900 px 乘以 600 px。

- mfit缩放
若原图大小为 600 px 乘以 400 px。
情形 1:缩放参数为 w = 500 px,h = 300 px。按照 mift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 500 px,则 h = 500/1.5 = 333 px;h = 300 px,则 w = 300x1.5 = 450 px。若限制为指定 w 与 h 的矩形框外的最小图片,即缩放图的 w 乘 h 不能小于 500 px 乘 300 px。通过以上条件得出缩略图大小为 500 px 乘以 333 px。
情形 2:缩放参数为 w = 900 px,h = 800 px。按照 lift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 900 px,则 h = 900/1.5 = 600 px;h = 800 px,则 w = 800x1.5 = 1200 px。若限制为指定 w 与 h 的矩形框外的最小图片,即缩放图的 w 乘 h 不能小于 1200 px 乘 800 px。通过以上条件得出缩略图大小为 1200 px 乘以 800 px。

- pad缩放
若原图大小为 600 px 乘以 400 px。
情形 1:缩放参数为 w = 500 px,h = 300 px。按照 lift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 500 px,则 h = 500/1.5 = 333 px;h = 300 px,则 w = 300x1.5 = 450 px。若限制在指定 w 与 h 的矩形内的最大图片,即缩放图的 w 乘 h 不能大于 500 px 乘 300 px。通过以上条件得出缩略图大小为 450 px 乘以 300 px。在 pad 缩放规则下,需要对缩略图和 w 乘 h 矩形框中间的部分进行填充。下图示例为填充绿色背景。
情形 2:缩放参数为 w = 900 px,h = 800 px。按照 lift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 900 px,则 h = 900/1.5 = 600 px;h = 800 px,则 w = 800x1.5 = 1200 px。若限制在指定 w 与 h 的矩形内的最大图片,即缩放图的 w 乘 h 不能大于 900 px 乘 800 px。通过以上条件得出缩略图大小为 900 px 乘以 600 px。在 pad 缩放规则下,需要对缩略图和 w 乘 h 矩形框中间的部分进行填充。下图示例为填充绿色背景。

- fill缩放
若原图大小为 600 px 乘以 400 px。
情形 1:缩放参数为 w = 500 px,h = 300 px。按照 mift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 500 px,则 h = 500/1.5 = 333 px;h = 300 px,则 w = 300x1.5 = 450 px。若限制为指定 w 与 h 的矩形框外的最小图片,即缩放图的 w 乘 h 不能小于 500 px 乘 300 px。通过以上条件得出缩略图大小为 500 px 乘以 333 px。在 fill 缩放规则下,需要对缩略图和 w 乘 h 矩形框中间的部分进行裁剪。
情形 2:缩放参数为 w = 900 px,h = 800 px。按照 lift 等比缩放规则,缩放图的 w/h 等于原图的 w/h=1.5。所以,若:w = 900 px,则 h = 900/1.5 = 600 px;h = 800 px,则 w = 800x1.5 = 1200 px。若限制为指定 w 与 h 的矩形框外的最小图片,即缩放图的 w 乘 h 不能小于 1200 px 乘 800 px。通过以上条件得出缩略图大小为 1200 px 乘以 800 px。在 fill 缩放规则下,需要对缩略图和 w 乘 h 矩形框中间的部分进行裁剪。

- fixed缩放
若原图大小为 600 px 乘以 400 px,缩放参数为 w = 500 px,h = 300 px。按照 fixed 缩放规则,需要对原图按照 w 和 h 进行强制拉伸平铺。
- 按比例缩放
若原图大小为 600 px 乘以 400 px,缩放参数为 p = 80。按照等比缩放规则,需要对原图按照 80% 的比例进行按比例缩放,缩略图的长和宽都将缩放为原图尺寸的 80%。

使用案例
- 等比缩放图片(lfit),缩放后的图片宽最大200,高最大100。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_lfit,w_200,h_100
  
- 等比缩放图片(mfit),缩放后的图片宽最小200,高最小100。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_mfit,w_200,h_100
  
- 等比缩放图片(fill),缩放后的图片宽最小200,高最小100,并对超出200*100部分图片进行居中裁剪(默认居中裁剪)。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_fill,w_200,h_100
  
- 等比缩放图片(fill),缩放后的图片宽最小200,高最小100,并对超出200*100部分图片从顶部开始裁剪。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_fill,w_200,h_100,align_0
  
- 等比缩放图片(pad),缩放后的图片宽最大200,高最大100,并对200*100矩形内图片未占满的部分进行填充。
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_pad,w_200,h_100,color_FF0000
  
- 强制缩放(fixed),缩放后的图片宽200,高100。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_fixed,w_200,h_100
  
- 等比缩放图片,按照原图50%的比例缩放。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,p_50
  
- 比例缩放宽度图片,宽度按照原图50%的比例缩放。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,wp_50
  
- 比例缩放高度图片,高度按照原图50%的比例缩放。 
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,hp_50
  
- 等比缩放图片(pad),缩放后的图片宽最大200,高最大100,并对200*100矩形内图片未占满的部分进行背景模糊。
 https://doc.bce.baidu.com/bce-documentation/BOS/image.jpg?x-bce-process=image/resize,m_pad,w_200,h_100,radius_2,sigma_50
  
