图像处理方法及优势

在一些内容分享网站,一张原始图片可能会根据业务的需要被缩放、裁剪、旋转、压缩等,若每次处理都需要回源,则会增加回源次数及CDN节点缓存。阿里云DCDN提供图像处理功能,可直接在DCDN的L2节点对图片进行处理,同时缓存处理后的图片,能够有效提升内容返回速度,减轻源站压力,减少回源流量等。

说明
  • 阿里云CDN、DCDN和OSS的图片处理都是独立的功能,不能相互混用。

  • 图像处理为付费服务,公测期间暂不收费,收费时间另行通知。

  • 图像处理功能处于内测阶段,您需提交工单申请开通。

  • 当您使用图像处理功能时,由于不同图片格式在压缩算法上存在较大差异,因此不同图片格式之间相互转换可能会导致图片体积变大,例如:jpeg转webp、jpeg转png、png转webp。如果您需要降低图片文件的体积,建议您通过调整质量参数quality降低图片质量来实现。

适用场景

通过DCDN进行图片处理,所有的图片处理和缓存都通过DCDN节点完成,源站无感知。

下表为您列出了图片处理常见的适用场景,适用场景较多,不仅限于以下场景。

适用场景

说明

电商平台

  • 多种样式图片处理满足多终端图片显示场景,图片编辑更加高效便捷。

  • 可对商品图、图片评论等进行压缩,降低图片质量,达到省流量的目的。

  • 支持添加水印,用于版权保护,具有品牌标识、宣传推广作用。

社交软件

  • 简单、灵活的图片编辑方式满足社交图片标准的图片处理需求。

  • 支持添加水印,保护个人信息不被盗用。

在线教育

  • 简单、灵活的图片编辑方式满足在线教育课件图等标准图片处理的需求。

  • 您可以根据不同场景需求使用不同压缩功能,平衡压缩收益与视觉体验。

素材网站

  • 多种样式图片处理满足多终端图片显示场景,图片编辑更加高效便捷。

  • 针对需要使用高清大图的素材网站及平台,您可以使用图片自动瘦身进行视觉无损压缩,在不损失视觉观感的情况下最大化压缩比,提升图片加载速度。

功能优势

图片处理功能的优势如下:

  • 更快分发

    原图在回源节点被缓存后,边缘触发的多尺寸图片访问需求直接在回源节点进行图片处理和分发,减少回源链路,更快到达边缘。

  • 减轻源站压力

    通过源站来处理图片,将大量消耗源站的存储和计算能力,增加了源站的维护成本。通过DCDN进行图片处理,所有的图片处理和缓存都通过DCDN节点完成,源站无感知。

  • 提升刷新预热效率

    当原图失效后,处理后的目标图也会全部失效且无法访问,对图片进行处理可降低提交刷新预热的次数和回源的带宽,加速新图片的更新,避免原图和目标图访问失效问题。

  • 边缘需求定制

    通过图片处理参数对图片进行控制,可以根据不同的浏览器和客户端版本定制不同的图片处理需求,满足不同的业务需求。

使用限制

使用图片处理功能时有如下限制:

  • 原图限制

    • 图片格式只支持JPEG、JPG、PNG、WebP、BMP、GIF、TIFF、JPEG 2000。

    • 原图大小不能超过10 MB。

    • 原图的宽×高不能超过16,777,216 px。

      说明

      若图片为GIF格式时,GIF图片的原图宽×高为所有帧相加之和,您可以使用ImageMagick等工具查看GIF图片的帧信息。

  • 处理后的图片限制

    • 图片的宽×高不能超过16,777,216 px。

    • 转WebP格式时,图片的宽×高不能超过16,777,216 px,且宽和高单边均不能超过16,384 px。如果原图为动图,转WebP格式时会被转换为静态图片。

图像处理操作方法

开通图像处理

图像处理功能处于内测阶段,您需提交工单申请开通。

开启图像处理

  1. 登录DCDN控制台

  2. 在左侧导航栏,单击域名管理

  3. 域名管理页面,单击目标域名对应的配置

  4. 在指定域名的左侧导航栏,单击性能优化

  5. 图像处理区域框中,打开图像处理开关,选择您需要转换的图片类型。image

    说明
    • 选择支持的图片类型后,表示开启图片处理功能。开启图像处理后,通过文件URL处理图片时,URL中携带的图像处理参数才会生效,否则为无效参数。

    • 控制台上是否开启自适应WEBP、图片自动旋转(仅自动调正功能)和图片自动瘦身功能,根据自身业务决定。

    参数

    说明

    支持转换的图片类型

    选择您需要转换的图片类型(必选参数,可多选)。

    自适应WEBP

    开启后,通过对请求头Accept进行判断,如果请求头Accept包含image/webp,则CDN会将其他格式图片自动转换为WEBP格式进行缓存。

    说明

    开启该功能后,短时间内会导致命中率下降,过后会自动恢复正常,请勿在业务高峰期开启。

    图片自动旋转

    开启图片自动旋转,可自动调正图片,方便用户查看。

    说明
    • 图片自动旋转只对带有旋转参数auto-orient的图片生效。

    • 开启该功能后,短时间内会导致命中率下降,过后会自动恢复正常,请勿在业务高峰期开启。

    图片自动瘦身

    开启后(默认不开启),在不改变分辨率、尺寸和格式的前提下对图片进行压缩,节省访问流量。

    • 0(默认值):表示不开启。

    • 1~100:表示开启。例如,填写90%表示保留原图质量的90%。

    说明

    仅支持JPEG和WEBP格式。

    原图缓存

    当一个原图存在多个转换后副本时,开启原图缓存将减少回源次数。

  6. 单击确定

通过文件URL处理图片

  1. 已选择支持转换的图片类型,请参考开启图像处理

  2. 通过请求URL传参来完成自定义功能。

    • 格式:http://example.com/image_01.png?image_process=action,param_value/action,param_value

      字段

      说明

      example.com

      您的DCDN加速域名。

      image_01.png

      图片名称。

      image_process

      image_process为固定参数,标明使用图片处理参数对图片文件进行处理。

      action,param_value

      图片处理的操作(action)、参数(param)和值(value),用于定义图片处理的方式。多个操作以正斜线(/)隔开,DCDN将按图片处理参数的顺序处理图片。图片处理支持的参数,请参见图像处理转换参数

    • 示例:http://example.com/image_01.png?image_process=resize,w_200/rotate,90/format,webp

    • 图片处理效果:图片先按比例缩放至宽200 px,再将图片旋转90°,最终保存为WEBP格式。

图像处理转换参数

通过在请求URL中添加图片处理参数可实现更丰富的图像处理功能。DCDN支持携带一个或多个转换参数处理图片,支持的参数请参见下表。

图片处理功能

转换参数

说明

格式转换

format

转换图片格式。

质量转换

quality

调整图片的质量。

图片裁剪

crop

裁剪指定大小的图片。

图片缩放

resize

将图片缩放至指定大小(目前只支持将原图缩小处理,暂不支持将原图放大处理)。

图片旋转

  • 图片自动旋转:auto-orient

  • 按指定方向旋转:rotate

将携带旋转参数的图片进行自适应旋转或按指定角度以顺时针方向旋转图片。

图片色彩

  • 图片亮度:bright

  • 图片对比度:contrast

  • 图片锐化:sharpen

调整图片的亮度、对比度和清晰度。

水印管理

watermark

为图片添加图片水印或文字水印。

获取信息

info

获取图片信息,包括图片的长、宽、高、图片格式和图片质量等信息。