Cloudflare Polish 和 Mirage 属于付费功能，主要在控制台开启，适合希望减少图片体积且不便自行搭建图片处理服务的站点。
先说结论：这两个功能需要 Pro 及以上套餐支持，开启后由 Cloudflare 边缘节点自动处理图片，无需修改代码。
- 适合：Pro 及以上计划且图片较多的站点
- 先准备：确认域名已接入 Cloudflare 且套餐符合
- 验收：通过浏览器开发者工具或命令行检查图片格式与加载行为
前置条件检查
在配置前，请确保满足以下基础条件，避免配置无效：
- 套餐权限：登录后台查看当前计划，Free 计划不包含 Polish 和 Mirage。如果看到选项但无法开启或开启后无效果，通常是套餐限制。
- 代理状态：域名 DNS 记录必须是橙色云（Proxy 状态），灰色云（DNS Only）流量不经过 Cloudflare 边缘，优化不生效。
- 缓存状态：修改设置后，旧图片可能仍存在于浏览器或边缘缓存中。验证前建议强制刷新或清除缓存。
配置步骤
由于这是 SaaS 平台配置，不涉及服务器命令，直接在 Cloudflare 控制台操作即可。注意控制台 UI 可能会迭代，路径以实际页面为准。
- 登录 Cloudflare 控制台，选择对应域名。
- 在左侧菜单找到“速度” (Speed) 或“优化” (Optimization) 相关入口。
- 在“图片优化” (Image Optimization) 区域找到 Polish 和 Mirage 开关。
- Polish 配置：通常有三个选项：关、无损 (Lossless)、有损 (Lossy)。
- 无损：保留原始画质，移除元数据。
- 有损：进一步压缩，肉眼难辨差异，体积更小。
建议先选“无损”，观察业务反馈后再考虑“有损”。 - Mirage 配置：开关打开即可。注意 Mirage 主要影响移动端体验，桌面端表现可能不明显。部分新架构或套餐下该功能可能自动集成，若未找到独立开关属正常现象。
回滚提醒：如果开启后发现图片显示异常（如色彩偏差、破损），可立即切回“关”状态，配合缓存清除操作，通常几分钟内恢复。
原理简述
Polish 的作用是压缩图片体积，它会在图片经过 Cloudflare 边缘节点时进行重新编码，支持转换为 WebP 或 AVIF 格式。Mirage 主要针对移动端和网络环境较差的场景，通过优先加载可视区域内的图片并延迟加载其余图片来优化感知速度。两者都依赖 Cloudflare 的代理状态。
验证方法
1. 命令行验证响应头
使用 curl 命令检查响应头，确认图片是否被转换格式或经过 Polish 处理。
curl -I -H "Accept: image/webp" https://yourdomain.com/image.jpg观察返回头中的 Content-Type 是否为 image/webp，或检查是否存在 cf-polish 相关标识。如果源站是 JPG/PNG，返回的是 WebP/AVIF，说明 Polish 正在工作。
2. 缓存清除操作
配置变更后，务必清除边缘缓存以确保验证准确：
- 进入 Cloudflare 控制台域名页面。
- 选择左侧“缓存” (Caching) > “配置” (Configuration)。
- 点击“清除所有内容” (Purge Everything) 确认。
3. 检查加载行为
在移动端或模拟慢速网络下，滚动页面观察图片是否按需加载。Mirage 生效时，非可视区图片会延迟请求。
4. 效果对比
对比开启前后同一张图片的响应大小（Size）。压缩率取决于原图质量，通常可减少 20%-50%，建议通过实际业务流量监控对比。
常见坑
1. 背景图支持有限
Polish 主要处理 HTML 中的 img 标签，CSS 背景图片的优化效果可能不一致，需单独测试。
2. 动态图片限制
GIF 等动态图片在有损压缩下可能会丢失帧或变为静态，业务涉及动图时需谨慎选择“有损”模式。
3. 本地缓存干扰
浏览器本地缓存可能导致验证结果不准，验证时请使用无痕模式或强制刷新 (Ctrl+F5)。
参考来源
- Cloudflare Official Docs, "Polish", https://developers.cloudflare.com/speed/image-optimization/polish/
- Cloudflare Official Docs, "Mirage", https://developers.cloudflare.com/speed/image-optimization/mirage/
原文链接：https://www.zjcp.cc/ask/11398.html