图像优化

更新时间:2024-12-12 10:05:13

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

说明

图像优化规则仅对命中规则条件的请求进行处理。如果您需要配置站点级的图像优化规则,详细信息请参考图像优化

适用场景

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

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

适用场景

说明

适用场景

说明

电商平台

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

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

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

社交软件

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

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

在线教育

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

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

素材网站

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

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

使用限制

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

原图限制

  • 图片格式只支持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. 登录ESA控制台

  2. 在左侧导航栏,单击站点管理

  3. 站点管理页面,单击目标站点名称,或对应站点操作列的详情

  4. 在左侧导航栏,单击规则>内容优化规则

  5. 内容优化规则页面,选择图像优化页签,单击新增规则,规则添加参见下表。

    规则项

    说明

    规则项

    说明

    规则名称

    自定义规则的名称,支持使用中文字符、英文字符(大小写)、数字(0~9)及下划线(_),最大输入64个字符。

    匹配条件

    设置需要匹配的请求特征。

    单击逻辑表达符添加条件,最多可以添加五个条件。

    每个条件由主机名逻辑符匹配内容组成。配置示例请参考配置示例

    关于匹配字段和逻辑符的详细说明,请参见匹配条件说明

支持的图片处理方式

说明

开启图像优化后,用户请求的URL携带一个或多个图像处理的相关参数,即可完成相应的图片处理,支持的参数请参见下表。

图片处理功能

处理参数

说明

图片处理功能

处理参数

说明

格式转换

format

转换图片格式。

质量转换

quality

调整图片质量。

图片剪裁

crop

裁剪指定大小的图片。

图片缩放

resize

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

图片旋转

  • 图片自动旋转:auto-orient

  • 指定旋转方向:rotate

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

图片色彩

  • 图片亮度:bright

  • 图片对比度:contrast

  • 图片锐化:sharpen

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

添加水印

watermark

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

获取信息

info

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

  • 本页导读
  • 适用场景
  • 使用限制
  • 新增压缩规则
  • 支持的图片处理方式

点击开启售前

在线咨询服务