EdgeOne Makers 图片优化与重定向
上一篇 讲了缓存加速。这篇讲两类最常见的”流量治理”能力:图片优化和重定向/路由重写。它们都能在边缘节点完成,不消耗你的应用算力。
图片优化
图片往往是网页里最重的部分。在边缘节点做图片优化,可以大幅减小传输体积,又不用改业务代码。
| 能力 | 说明 |
|---|---|
| 格式转换 | 自动把 PNG/JPG 转成 WebP/AVIF,体积更小 |
| 质量压缩 | 按设定质量压缩,肉眼几乎无差 |
| 尺寸调整 | 按请求参数动态缩放,适配不同屏幕 |
| 懒加载配合 | 配合前端懒加载进一步提速 |
常见用法是通过 URL 参数动态控制。例如原图 https://site.com/photo.jpg,加参数后:
# 转 WebP 并限制宽度 800
https://site.com/photo.jpg?format=webp&width=800
开启”自动格式协商”后,边缘节点会根据浏览器支持的格式自动选择,你不用在代码里判断。
重定向规则
重定向用于把一类 URL 跳转到另一类。典型场景:
| 场景 | 示例 |
|---|---|
| 域名统一 | www 和非 www 统一跳一个 |
| 协议统一 | HTTP 跳 HTTPS |
| 旧链接迁移 | 旧文章地址跳到新地址 |
| 地区跳转 | 不同国家跳不同语言版 |
配置示例:把所有 HTTP 请求 301 跳转到 HTTPS。
条件: 请求协议 等于 HTTP
动作: 重定向到 https://{host}{request_uri} ,状态码 301
路由重写(Rewrite)
重写和重定向不同:重定向会让浏览器地址栏变化(用户可见),重写是服务器内部把请求指到另一个资源,地址栏不变(用户无感)。
典型用法:把干净的 URL 映射到实际文件或函数。
重写: /blog/2026/hello -> /api/render?slug=hello
用户访问的还是 /blog/2026/hello,实际由后端或函数按参数渲染,URL 始终干净好看。
组合使用建议
| 需求 | 用哪个 |
|---|---|
| 图片太大加载慢 | 图片优化 |
| 旧网址要搬家 | 重定向 301 |
| 想用漂亮 URL | 路由重写 |
| 全站强制 HTTPS | 重定向规则 |
这些规则都在控制台的”规则”或”边缘规则”面板里配置,按”条件 + 动作”组织,和 WAF 与 DDoS 防护 里的自定义规则是同一套思路。
速查卡片
| 要点 | 说明 |
|---|---|
| 图片优化 | 边缘转格式/压缩/缩放,省流量提速 |
| 重定向 | 地址栏会变,用于搬家、统一协议域名 |
| 重写 | 地址栏不变,用于漂亮 URL 映射 |
| 配置位置 | 控制台”规则”面板,条件 + 动作 |
| 和 WAF 关系 | 同一套规则引擎,只是动作不同 |