Cloudflare无法停止WebP图片转换服务，如何关闭或实现动态适配？

方案1：完全禁用WebP自动转换 #

如果你不需要WebP优化能力，可直接关闭自动转换功能，操作步骤如下：

• 登录Cloudflare控制台，进入对应域名的管理后台
• 侧边栏选择速度 → 优化分类
• 找到「波兰（Polish）」功能配置组
• 将当前的WebP压缩模式调整为「关闭」或「仅压缩（无WebP）」，等待配置全局生效即可停止所有WebP格式转换操作。

方案2：启用浏览器自动适配（推荐） #

Cloudflare默认的WebP转换逻辑本身就会基于请求头Accept判断浏览器是否支持WebP格式，仅对支持的用户返回WebP资源。你当前遇到全量返回WebP的问题，大概率是缓存配置异常导致的，可按以下步骤修复：

• 保持波兰功能的WebP压缩模式为开启状态
• 进入规则 → 缓存规则配置页，找到针对图片资源的缓存配置
• 在自定义缓存键的配置项中，添加Accept头作为缓存键的组成部分，确保不同格式支持能力的用户请求会生成独立缓存，不会出现缓存串用的问题
• 排查所有页面规则、转换规则，删除强制指定返回WebP格式的配置即可

如果需要更灵活的格式适配逻辑（比如同时兼容AVIF等更多格式），也可以通过Cloudflare Worker实现自定义判断，参考代码如下：

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const acceptHeader = request.headers.get('Accept') || ''
  const reqUrl = new URL(request.url)
  // 仅匹配图片资源请求
  if (/\.(png|jpe?g)$/i.test(reqUrl.pathname)) {
    // 优先判断是否支持AVIF，其次判断WebP
    if (acceptHeader.includes('image/avif')) {
      reqUrl.pathname = reqUrl.pathname.replace(/\.(png|jpe?g)$/i, '.avif')
    } else if (acceptHeader.includes('image/webp')) {
      reqUrl.pathname = reqUrl.pathname.replace(/\.(png|jpe?g)$/i, '.webp')
    }
  }
  return fetch(new Request(reqUrl, request))
}

内容的提问来源于stack exchange，提问作者TCS