阿里云CDN为您提供自定义图片转换功能。您可以阅读本文档,了解自定义图片转换的功能介绍及操作方法。

功能介绍

您可以根据自定义条件对图片做多种类型转换。

目前,该功能处于内测阶段,请您提交工单申请。

基本配置

CDN支持边缘图片转换,转换的类型以参数形式传入,参数名:image_process

支持多个转换参数,以正斜线(/)分隔。

转换方法格式:image_process=action1,param_value1/action2,param_value2

示例:image_process=resize,l_200/quality,q_90/format,webp

支持如下配置:
  • image_transform_enable:是否开启自定义图片转换功能,取值:on|off
  • image_transform_filetype:支持转换的图片格式,包括原图和目标图都要在指定的格式里面。取值:jpg|png|webp

图片缩放

操作名称:resize

  • 按长边固定自适应等比缩放。示例:image_process=resize,l_200
  • 按短边固定自适应等比缩放。示例:image_process=resize,s_200
  • 按宽固定自适应等比缩放。示例:image_process=resize,w_200
  • 按高固定自适应等比缩放。示例:image_process=resize,h_200
  • 按固定宽高缩放。示例:image_process=resize,fw_200,fh_200

任意参数值为负时,不处理返回原图。

图片裁剪

操作名称:crop

  • 按指定xywidthheight裁剪,以xy为起点,裁剪width x height(宽x高)大小的图片内容。示例:image_process=crop,x_10,y_10,w_400,h_200
  • 从图片居中部分裁剪指定widthheight的图片内容。示例:image_process=crop,mid,w_400,h_200

任意参数值为负时,不处理返回原图。

图片质量调节

操作名称:quality

  • 按绝对质量进行转换,转换成指定大小的质量,如果当前质量小于待转换的质量,则不转换。示例:image_process=quality,Q_90,如果当前质量是80,经过转换后质量仍为80
  • 按相对质量进行转换,根据当前图片的质量乘以待转换系数,得到最终要转换的图片质量。示例:image_process=quality,q_90,如果当前质量是80,经过转换后,质量为72

质量值范围:0 < quality < 100,并且 quality % 5 == 0。其他值都不支持。

图片锐化

操作名称:sharpen

对图片进行锐化,使图片更清晰,只支持50100150200250300六个锐化参数。示例:image_process=sharpen,100

图片旋转

操作名称:rotate

将图片按顺时针+指定的角度做旋转,只支持90180270三个角度。示例:image_process=rotate,180

自适应方向

操作名称:auto-orient

某些手机拍摄出来的照片可能带有旋转参数。可以设置是否对这些图片进行旋转。示例:image_process=auto-orient

图片格式转换

操作名称:format

将图片转换为指定的图片格式。示例:image_process=format,webp

一键瘦身

当您完成提交工单并开启自定义图片转换功能后,该操作一并开启。可在不改变分辨率和图片格式的前提下,并且不影响肉眼观看,对域名下全部的图片做质量转换。

自适应webp

当您完成提交工单并开启自定义图片转换功能后,该操作一并开启。可通过对请求头Accept的判断,如果支持image/webp,CDN就把图片转换为webp格式返回:Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9