图像转换概述

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

适用场景

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

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

适用场景

说明

电商平台

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

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

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

社交软件

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

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

在线教育

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

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

素材网站

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

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

功能优势

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

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

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

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

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

使用限制

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

原图限制

  • 图片格式只支持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. 开启图像转换开关后,通过在请求URL中添加图片处理参数实现不同的图像处理功能,请参见支持的图片处理方式

支持的图片处理方式

ESA支持携带一个或多个转换参数处理图片,支持的参数请参见下表。

图片处理功能

处理参数

说明

格式转换

format

转换图片格式。

质量转换

quality

调整图片质量。

图片剪裁

crop

裁剪指定大小的图片。

图片缩放

resize

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

图片旋转

  • 图片自动旋转:auto-orient

  • 指定旋转方向:rotate

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

图片色彩

  • 图片亮度:bright

  • 图片对比度:contrast

  • 图片锐化:sharpen

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

添加水印

watermark

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

获取信息

info

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