边缘加速
  • 站点加速
    • 概述
    • 访问控制
      • Token authentication
        • Token 鉴权
        • 认证方法A
        • 认证方法B
        • 认证方法C
        • 认证方法D
        • 认证方法V
    • 智能加速
    • Cache configuration
      • 概述
      • EdgeOne caching rules introduction
        • EdgeOne 内容缓存规则
        • 缓存键(Cache Key)介绍
        • Vary 特性
      • 缓存配置
        • 自定义 Cache Key
        • 节点缓存 TTL
        • 状态码缓存 TTL
        • 浏览器缓存 TTL
        • 离线缓存
        • 缓存预刷新
      • 清除和预热缓存
        • 清除缓存
        • 预热缓存
        • Prefetch M3U8
      • How to improve the Cache Hit Rate of EdgeOne
    • 文件优化
      • 内容压缩
      • 智能压缩
    • 网络优化
      • HTTP/2
      • HTTP/3(QUIC)
        • 概述
        • 启用 HTTP/3
        • QUIC SDK
          • SDK 概览
          • SDK 下载和集成指引
          • 代码示例
            • Android
            • iOS
          • API 文档
            • Android
            • iOS
      • IPv6 访问
      • 最大上传大小
      • WebSocket
      • 携带客户端 IP 头部回源
      • 携带客户端 IP 地理位置头部回源
      • 开启 gRPC
      • Network Error Logging
    • URL 重写
      • 访问 URL 重定向
      • 回源 URL 重写
    • 修改头部
      • 修改 HTTP 节点响应头
      • 修改 HTTP 回源请求头
    • Modify response content
      • HTTP Response
      • Custom Error Page
    • 规则引擎
      • 概述
      • 规则管理
      • 变量
      • 规则引擎支持的匹配类型与操作
    • Image and video processing
      • Audio and Video Pre-pulling
      • Just-in-Time Image Processing
      • Video Just-In-Time Processing
      • VOD Media Origin
    • Speed limit for single connection download
    • 请求与响应行为
      • HTTP响应
      • 请求处理顺序
      • EdgeOne 默认 HTTP 回源请求头
      • EdgeOne 默认 HTTP 响应头
      • HTTP限制
    • 媒体服务
      • 音视频预拉取
      • 实时图片处理
      • 实时媒体处理
      • 点播媒体源
  • 四层代理
    • 概述
    • 新建四层代理实例
    • 修改四层代理实例配置
    • 停用/删除四层代理实例
    • 批量配置转发规则
    • 获取客户端真实IP
      • 通过 TOA 获取 TCP 协议客户端真实 IP
      • 通过 Proxy Protocol V1/V2 协议获取客户端真实 IP
        • 概述
        • 方式一:通过 Nginx 获取客户端真实 IP
        • 方式二:在业务服务器解析客户端真实 IP
        • Proxy Protocol V1/V2 获取的客户端真实 IP 格式
      • 通过 SPP 协议传递客户端真实 IP
  • 边缘 DNS
    • Domain Name Services
      • 概述
      • DNS resolution for managed domains
        • 修改 DNS 服务器
        • 配置域名 DNS 解析记录
        • 批量导入DNS记录
        • DNS 高级配置
      • Access accelerated domains
        • 添加加速域名
        • 站点/域名归属权验证
        • 修改 CNAME 解析
        • 验证业务访问
      • Traffic scheduling
        • 流量调度管理
    • HTTPS Certificate
      • Overview
      • Edge HTTPS Certificate
        • Overview
        • Deploying/Updating SSL Certificate for A Domain Name
        • Configuring A Free Certificate for A Domain Name
        • Using Keyless Certificate
      • Edge mTLS Authentication
      • Origin Certificate Validation
      • HTTPS configuration
        • Forced HTTPS Access
        • Enabling HSTS
        • SSL/TLS security configuration
          • Configuring SSL/TLS Security
          • TLS Versions and Cipher Suites
        • Enabling OCSP Stapling
      • Related References
        • Using OpenSSL to Generate Self-Signed Certificates
        • Certificate Format Requirements
        • The Difference Between one-way authentication and Mutual authentication
    • 源站配置
      • 负载均衡
        • 概述
        • 快速创建负载均衡实例
        • 健康检查策略介绍
        • 查看源站健康状态
        • 相关参考
          • 负载均衡相关概念
          • 请求重试策略介绍
      • Origin Group Configuration
      • 回源配置
        • 回源超时
        • 配置回源 HTTPS
        • Host Header 重写
        • 回源请求参数设置
        • 回源跟随重定向
        • HTTP/2 回源
        • 分片回源
        • Modify Origin
        • Origin-pull Rate Limiting Policy
      • Origin Protection(Obtaining/Updating Origin IP Address Range)
      • 相关参考
        • 旧版源站组兼容相关问题

Just-in-Time Image Processing

功能简介

图片即时处理支持一键启用丰富的自适应图片处理功能,如自动图片质量瘦身,自适应格式压缩、自动图片调正等,同时也支持通过参数后缀指定缩放宽高和格式转换。通过 EdgeOne 边缘服务器直接处理、缓存和响应图片,您的业务源站只需存储原始图像,从而降低了图片管理成本。 EdgeOne 边缘服务器在不影响视觉感受的前提下压缩图片,以提高页面加载速度并优化图片加速性能,在保持图像质量的同时,增强用户体验。

适用场景

下表为您列出了图片处理常见的适用场景,适用场景较多,不仅限于以下场景。
适用场景
说明
电商平台
多种样式的图片处理满足多终端图片显示场景,图片编辑更加高效便捷。
可对商品图、图片评论等进行压缩,降低图片质量,以达到节省流量的目的。
社交软件
简单、灵活的图片编辑方式满足社交图片标准图片处理的需求。
支持自动图片旋转调正,提升 UGC 场景图片内容展示。
在线教育
简单、灵活的图片编辑方式满足在线教育课件图等标准图片处理的需求。
您可以根据不同场景需求使用不同压缩功能,平衡压缩收益与视觉体验。

计费说明

图片即时处理当前处于公测期间免费使用,公测结束后将根据图片即时处理服务的请求数计费,详细价格请参见 媒体处理费用(后付费)。
注意:
当前产品处于公测(Beta)阶段,部分功能仍在迭代优化中,暂未提供 SLA 保障,对于关键业务系统或大规模商业应用,建议完整测试相关能力是否满足预期。

支持的图片处理能力

注意:
图片瘦身优化、智能格式压缩、自动旋转调正功能一键开启后,短时间内可能使命中率下降,不建议在业务高峰期时开启。
当同时启用图片瘦身优化和智能格式压缩时,系统会优先执行智能格式压缩(将图片转换为适配格式),再按照设定参数进行瘦身优化处理。

图片瘦身优化

适用于绝大多数图片分发优化的场景,支持在不改变图片分辨率、尺寸、格式的前提下,在访问时自动压缩图片文件体积,有效提升图片加载速度,几乎不影响画质,并降低分发成本;一键启用,无需更改业务 URL 参数,自动质量范围为 1%-99%,默认值为75,表示保留原图质量的75%。

使用方式

1. 登录 边缘安全加速平台 EO 控制台,在左侧菜单栏中,进入服务总览,单击网站安全加速内需配置的站点。
2. 在站点详情页面,单击多媒体服务 > 图片处理,进入图片处理页面。



3. 单击编辑,可以修改质量瘦身的百分比。如不修改,则功能启用后按默认值为 75% 进行压缩。



4. 单击图片瘦身优化的开关,即可开始使用。




智能格式压缩

进阶图片体积压缩功能,开启后根据配置对图片自动进行 Webp、AVIF 格式转换,从而显著提升图片加载速度并大幅降低分发成本。支持一键启用,无需更改业务 URL 参数;若同一个图片格式同时匹配多个开启的图片自适应功能时,按照优先级从高到低 AVIF > Webp 顺序生效。不同压缩功能对于已有的图片格式、浏览器环境等兼容性不同,可参考下面的表格:
功能
支持预览的浏览器和系
兼容性
压缩效果
支持格式
AVIF 压缩
支持 Firefox、Chrome、Android 等大多数浏览器。
支持 iOS 16 以上及 Android 12以上系统。
支持微信小程序。
强
极强
支持对 jpg、jpeg、bmp、gif、png、webp 格式文件生效。
WebP 压缩
支持几乎所有主流浏览器。
支持 iOS 14 以上及 Android 4.0以上系统。
支持微信小程序。
极强
中

使用方式

1. 登录 边缘安全加速平台 EO 控制台,在左侧菜单栏中,进入服务总览,单击网站安全加速内需配置的站点。
2. 在站点详情页面,单击多媒体服务 > 图片处理,进入图片处理页面。



3. 单击编辑,可以修改格式压缩的输出格式范围。默认值为 AVIF 和 WebP 格式。



4. 单击智能格式压缩的开关,即可开始使用。




自动旋转调正

适用于社区论坛和电商平台等 UGC 场景,用户上传的图片可能包含旋转参数。开启自动旋转功能后,无需更改业务 URL 参数,EdgeOne 图片服务会解析 EXIF 元数据中的旋转信息,自动调整图片方向,确保正确显示,方便终端用户查看。

使用方式

1. 登录 边缘安全加速平台 EO 控制台,在左侧菜单栏中,进入服务总览,单击网站安全加速内需配置的站点。
2. 在站点详情页面,单击多媒体服务 > 图片处理,进入图片处理页面。
3. 单击自动旋转调正的开关,即可开始使用。




自动去除 EXIF

上传的图片中可能在 EXIF 中包含有隐私信息,自动去除 EXIF 能力可在原图片包含有 EXIF 时,自动删除 EXIF 元信息以保护用户隐私。当前可支持自动去除 EXIF 的图片格式包括:JPG、JPEG、GIF、Webp、BMP、TIFF 格式图片。

使用方式

1. 登录 边缘安全加速平台 EO 控制台,在左侧菜单栏中,进入服务总览,单击网站安全加速内需配置的站点。
2. 在站点详情页面,单击多媒体服务 > 图片处理,进入图片处理页面。
3. 单击自动去除 EXIF 的开关,即可开始使用。


指定参数处理

适用于需要指定图片缩放尺寸和格式转换的场景,支持通过在业务 URL 后拼接参数后缀,快速处理指定的缩放尺寸和指定格式。支持参数如下:

尺寸缩放

能力
参数名
参数值(type/pixel)
说明
尺寸缩放
eo-img.resize
w/<Width>,例如:w/100
指定宽度,高度自适应
h/<Height>,例如:h/100
指定高度,宽度自适应
w/<Width>/h/<Height>,例如:w/100/h/100
指定宽高
l/<Long>,例如:l/100
指定长边,短边自适应
s/<Short>,例如:s/100
指定短边,长边自适应

格式转换

支持通过携带指定参数将原图转换为指定格式
能力
参数名
支持输入格式
支持输出格式
格式转换
eo-img.format
静态图片:jpg、png、bmp、jp2、jxr、gif、webp、avif、heif
均静态:jpg、png、bmp、jp2、jxr、gif、heif、webp、avif
动态图片:gif、webp、avif、heif
静态:jpg、png、bmp、jp2、jxr(取 gif 动画首帧作为单一静态图像)
动态:gif、webp、avif、heif

使用方式

如果您需要通过在客户端请求 URL 中增加相关参数实现图片缩放,可参考以下步骤:
1. 登录 边缘安全加速平台 EO 控制台,在左侧菜单栏中,进入服务总览,单击网站安全加速内需配置的站点。
2. 在站点详情页面,单击多媒体服务 > 图片处理,进入图片处理页面。
3. 单击指定参数处理的开关,即可开始使用。



4. 开启后,您只需要通过在客户端请求 URL 后拼接 eo-img 相关参数传递图片缩放需求,EdgeOne 将自动根据客户端请求 URL 内的图片处理参数完成图片处理。例如 https://www.example.com/foo.png?eo-img.resize=w/100。

图片处理示例

处理的原图为 500*280,500 KB,处理示例如下:
1. 指定宽度为200px,高度自适应。
请求 url:http://www.example.com/foo.png?eo-img.resize=w/200。

2. 指定高度为200px,宽度自适应。
请求 url:http://www.example.com/foo.png?eo-img.resize=h/200。

3. 指定宽度为300px,高度为200px。
请求 url:http://www.example.com/foo.png?eo-img.resize=w/300/h/200。
注意
同时指定宽高,会按照指定的值缩放,不再保持原图长宽比。

4. 指定长边为400px,短边自适应。
请求 url:http://www.example.com/foo.png?eo-img.resize=l/400。

5. 指定短边为200px,长边自适应。
请求 url:http://www.example.com/foo.png?eo-img.resize=s/200。

6. 指定图片转换格式为 webp。
请求 url:http://www.example.com/foo.png?eo-img.format=webp。
输出图片格式:webp。
7. 指定宽度为200px,高度自适应,并转换格式为 webp。
请求 url:http://www.example.com/foo.png?eo-img.resize=w/200&eo-img.format=webp。

限制说明

处理图片原图大小不超过32MB。
输入的原图宽、高不超过30000像素且总像素不超过2.5亿像素;针对动图,原图宽 x 高 x 帧数不得超过2.5亿像素。
输入的 gif 格式动画帧数不超过300帧。
输出的图片宽、高设置不得超过9999像素。
注意:
以下任意情况,可能导致图片处理失败,返回原图:
1. 图片处理原图和结果图像的任何一个参数超过以上限制,我们将无法进行图片处理,而只能响应原图。
2. 输入错误的请求参数时,图片将不会被处理,直接返回原图,例如以下几种情况:
重复输入参数:eo-img.resize=w/100&eo-img.resize=w/200,将视为非法传参;
拼写错误:任何格式错误或拼写错误的参数,例如eo-img.resize=w=100,都会被视为非法传参;
重置大小参数错误:参数 w/(宽度)和 h/(高度)不应与 s/(短边)和 l/(长边)混用。例如:w/300/s/200是非法传参,图片将保持原状。
3. 若在控制台内关闭了图片指定参数处理功能,则所有 eo-img 相关参数被视为普通查询字符串,不会触发图片处理功能。
4. 若出现其他异常情况导致无法正常处理图片,我们会优先提供原始图片,在后续的请求中,我们会自动尝试重新进行图片处理。