开通图像处理后,阿里云CDN分发图片时,对满足要求的图片进行缩放、裁剪和旋转操作,降低因图片产生的回源请求量,提高用户请求的响应速度。本文介绍图像处理的开通和操作方法。

说明 图像处理为付费服务,当前免费使用,收费时间另行通知。

功能说明

开通图像处理(控制台实现)

通过控制台可以实现自适应WEBP、图片自动旋转(仅自动调正功能)和图片自动瘦身功能。

  1. 登录CDN控制台
  2. 在左侧导航栏,单击域名管理
  3. 域名管理页面,单击目标域名对应的管理
  4. 在指定域名的左侧导航栏,单击性能优化
  5. 图像处理区域框中,打开图像处理开关,并根据界面提示,配置图像处理信息。
    开通图像处理
    参数 说明
    支持转换的图片类型 选择您需要转换的图片类型(可多选)。
    说明 目支持的图片类型有JPEG、PNG、WebP、BMP、GIF、TIFF、JPEG 2000。
    自适应WEBP 开启后,可将其他格式图片自动转换为WEBP格式。
    注意 开启该功能后,短时间内会导致命中率下降,过后会自动恢复正常,请勿在业务高峰期开启。
    图片自动旋转 开启后,可自动调正图片。
    说明
    • 只对带有旋转参数的图片生效。
    • 开启该功能后,短时间内会导致命中率下降,过后会自动恢复正常,请勿在业务高峰期开启。
    图片自动瘦身 开启后(默认开启),在不改变原图的宽×高和格式的前提下对图片进行压缩,节省访问流量。
    • 默认值:90%,指保留原图的90%。
    • 100%:表示不开启。
    • 非100%:表示开启。
    说明 仅支持JPEG和WEBP格式。
  6. 单击确定,完成开通。

更多图像处理功能(传参实现)

通过传入请求URL参数实现更丰富的图像处理功能。

  1. 开通图像处理功能,请参考开通图像处理
    说明 根据业务需要决定是否开启自适应WEBP、图片自动旋转(仅自动调正功能)和图片自动瘦身功能。
  2. 通过请求URL传参来完成自定义功能。
    • 格式:http://example.com/image_01.png?image_process=action,param_value/action*,param_value*
      字段 说明
      example.com 您的CDN加速域名。
      image_01.png 图片名称。
      image_process=action
      • image_process为固定参数,标明使用图片处理参数对图片文件进行处理。
      • action:图像处理的操作,即处理参数,请参见图像处理转换参数
      param_value 处理参数值。

      例如,image_process=rotate,90,表示将图片旋转90°,param_value为90。

      action*,param_value* 传入多个参数,用“/”分隔。
      说明 当您开通图像处理后,URL中携带的图像处理参数才会被处理,否则为无效参数。
    • 示例:http://example.com/image_01.png?image_process=resize,l_200/quality,q_90/format,webp
    • 图片处理效果:图片先按比例缩放至宽200 px,再将图片旋转90°,最终保存为WEBP格式。

图像处理转换参数

CDN支持携带一个或多个转换参数处理图片,下表为您汇总了图片处理的转换参数。
图片处理功能 处理参数 说明
格式转换 format 转换图片格式。
质量转换 quality 调整图片质量。
图片裁剪 crop 裁剪指定大小的图片。
图片缩放 resize 将图片缩放至指定大小。
图片旋转
  • 图片自动旋转:auto-orient
  • 指定旋转方向:rotate
将携带旋转参数的图片进行自适应旋转或按指定角度以顺时针方向旋转图片。
图片色彩
  • 图片亮度:bright
  • 图片对比度:contrast
  • 图片锐化:sharpen
调整图片的亮度、对比度和清晰度。
水印管理 watermark 为图片添加图片水印或文字水印。
获取信息 info 获取图片信息,包括图片的长、宽、高、图片格式和图片质量等信息。