您可以通过图片缩放参数,调整OSS内存储的图片大小。本文介绍对象存储OSS图片处理中的图片缩放功能参数及示例。

参数说明

操作名称:resize

相关参数如下:

  • 指定宽高缩放
    名称 是否必须 描述 取值范围
    m 指定缩放的模式。
    • lfit(默认值):等比缩放,缩放图限制为指定w与h的矩形内的最大图片。
    • mfit:等比缩放,缩放图为延伸出指定w与h的矩形框外的最小图片。
    • fill:将原图等比缩放为延伸出指定w与h的矩形框外的最小图片,之后将超出的部分进行居中裁剪。
    • pad:将原图缩放为指定w与h的矩形内的最大图片,之后使用指定颜色居中填充空白部分。
    • fixed:固定宽高,强制缩放。
    更多信息请参见表格下方示例。
    w 指定目标缩放图的宽度。 [1,4096]
    h 指定目标缩放图的高度。 [1,4096]
    l 指定目标缩放图的最长边。
    说明 长边是指原尺寸与目标尺寸的比值大的那条边;短边是指原尺寸与目标尺寸的比值小的那条边。例如原图为400 px*200 px,缩放为800 px*100 px。由于(400/800)<(200/100),所以在这个缩放操作中,200那条是长边,400那条是短边。
    [1,4096]
    s 指定目标缩放图的最短边。 [1,4096]
    limit 指定当目标缩放图大于原图时是否进行缩放。 0、1
    • 1(默认值):表示不按指定参数进行缩放,直接返回原图。
    • 0:按指定参数进行缩放。
    color 是(仅当m为pad时) 当缩放模式选择为pad(缩放填充)时,可以设置填充的颜色。 RGB颜色值,例如:000000表示黑色,FFFFFF表示白色。

    默认值:FFFFFF(白色)

    示例:原图大小为200 px*100 px,缩放参数为w=150 px,h=80 px。则不同的缩略模式,得到的缩放图如下:
    • lfit
      • 等比缩放:要求缩放图的w/h等于原图的w/h。所以,若w=150 px,则h=75 px;若h=80 px,则w=160 px。
      • 限制在指定w与h的矩形内的最大图片:即缩放图的w*h不能大于150 px*80 px。

      通过以上条件得出缩略图大小为150 px*75 px。

      lfit
    • mfit
      • 等比缩放:要求缩放图的w/h等于原图的w/h。所以,若w=150 px,则h=75 px;若h=80 px,则w=160 px。
      • 延伸出指定w与h的矩形框外的最小图片:即缩放图必须是大于150 px*80 px的一个最小矩形。

      通过以上条件得出缩放图的大小为160 px*80 px。

      mfit
    • fill
      fill参数会先将图片等比缩放为延伸出指定w与h的矩形框外的最小图片,之后按照固定宽高进行裁剪。即先将原图缩放为160 px*80 px,之后将w居中裁剪为150 px,得到大小为150 px*80 px的缩放图。fill
    • pad
      pad参数会先将图片等比缩放为限制在指定w与h的矩形内的最大图片,之后按照固定宽高进行填充。即先将原图缩放为150 px*75 px,之后将h居中填充到80 px,得到大小为150 px*80 px的缩放图。pad
    • fixed
      fixed参数会将图片按照固定宽高进行缩放,若宽高与原图宽高比例不同,则会导致图片变形。fixed
  • 按比例缩放
    名称 是否必须 描述 取值范围
    p 按百分比缩放图片。 [1,1000]

    小于100为缩小,大于100为放大。

注意事项

  • 原图限制:
    • 图片格式只能是:JPG、PNG、BMP、GIF、WebP、TIFF。其中GIF格式的图片支持指定宽高缩放,不支持等比缩放(等比缩放情况下,动态图会变成静态图)。
    • 文件大小不能超过20 MB。
    • 原图单边大小不能超过30000 px。
    • 原图总像素不能超过2.5亿px。
  • 缩放图限制:缩放图宽与高的乘积不能超过4096 px*4096 px,且单边长度不能超过4096 px。
  • 若缩放时只指定宽度或者高度:
    • 等比缩放时,会按比例缩放图片。例如原图为200 px*100 px,将高缩放为100 px,则宽缩放为50 px。
    • 固定宽高缩放时,会将原图宽高按照指定值进行缩放。例如原图为200 px*100 px,将高缩放为100 px,则宽也缩放为100 px。
  • 目标缩放图比原图尺寸大时,默认返回原图。您可以增加limit_0参数放大图片。

    例如:https://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,w_500,limit_0

示例

本文示例使用的Bucket为杭州地域名为image-demo的Bucket,图片外网访问地址为: