开发者社区 问答 正文

图片缩放之如何实现缩略后填充?


先把图按短边优先缩略,然后再用指定颜色填充剩余区域

参数

名称描述取值范围
w指定目标缩略图的宽度1-4096
h指定目标缩略图的高度。1-4096
e缩略优先边,这里必须指定值为44
bgc指定填充的背景颜色。默认不指定,为白色填充。参数格式:<red>-<green>-<blue>bgc如:100-100-100bgc red,green,blue指定一个颜色Red, green, blue[0-255]


注意事项

  • 如果不指定格式,原图将默认转换成jpg格式,如果原图是png, webp, bmp可能会导致图出现变形。详细可以查看质量变换格式转换
  • bgc 由红绿蓝三原色这三个参数指定生成对应颜色。


示例

  • 将图按短边缩略到100x100, 然后按白色填充

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_100h_4e
  • 将图按短边缩略到100x100, 然后按红色填充

http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_100h_4e_100-0-0bgc

展开
收起
青衫无名 2017-10-23 11:09:25 2167 分享
分享
版权
举报
阿里云 AI 助理回答

要实现您所描述的功能,即先按短边优先缩略图片,之后用指定颜色填充剩余区域,您可以遵循以下操作步骤和注意事项:

  1. 操作步骤

    • 步骤1:确定目标缩略图的尺寸。您需要指定宽度(w)和高度(h),例如设定为100x100像素。
    • 步骤2:选择缩略优先边。根据要求,这里必须指定参数e的值为4,表示按照短边优先进行缩放。
    • 步骤3:决定背景填充颜色。如果希望使用非默认颜色(默认为白色),则需指定bgc参数,采用格式<red>-<green>-<blue>bgc。例如,使用红色填充,则设置为100-0-0bgc
  2. 示例应用

    • 示例1:将图片按短边优先缩略至100x100像素,并使用默认白色填充剩余区域。
      http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_100h_4e
      
    • 示例2:同样按短边优先缩略至100x100像素,但这次填充红色背景。
      http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg@100w_100h_4e_100-0-0bgc
      
  3. 注意事项

    • 注意点1图片格式转换:如果不特别指定输出格式,原图会默认转换成jpg格式。对于png、webp或bmp格式的原图,这种转换可能会导致图片质量损失或变形,请参见相关文档了解如何避免格式转换带来的影响。
    • 注意点2颜色填充格式:在指定bgc参数时,确保使用的红绿蓝三色值均在[0, 255]范围内,且格式正确,以免因格式错误而导致操作失败。

通过上述步骤和示例,您可以实现图片的短边优先缩略及自定义颜色填充功能。

有帮助
无帮助
AI 助理回答生成答案可能存在不准确,仅供参考
0 条回答
写回答
取消 提交回答
问答地址:
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等