图像优化

边缘安全加速 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

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

相关文档

规则相关的功能,在生效优先级、可重入性、生效颗粒度这三个特性上存在差异,详细情况请查看规则相关功能的特性说明