You need to enable JavaScript to run this app.
导航
Webp 自适应
最近更新时间:2025.04.10 11:20:49首次发布时间:2025.04.10 11:20:49
我的收藏
有用
有用
无用
无用

本文档介绍CDN加速服务的 "Webp 自适应" 特性。

WebP 概述

WebP 是谷歌开发的图片格式,可在相同图片质量的情况下提供更小的图片尺寸。WebP 图片的扩展名是 .webp。WebP 已广泛用于互联网上的图片传播。在相同质量下,WebP 图片的体积比 PNG 图片减少了约 26%,比 JPEG 图片减少了约 25%-34%。

当前,主流浏览器都已支持 WebP 图片。您可以 查看各浏览器对 WebP 的支持情况。对于支持 WebP 图片的浏览器,当浏览器请求一个图片时,请求中会包含 Accept: image/webp 头部,告知服务器尽可能返回 WebP 图片。

说明

例如,请求的图片是 image.png,请求中包含 Accept: image/webp 头部。

  • 如果服务器上存在 image.webp 或者服务器可以将 image.png 转换成 image.webp,服务器就可以返回 image.webp

  • 否则,服务器依然返回 image.png

CDN加速服务对 WebP 的支持

CDN加速服务提供了 "WebP 自适应" 特性。要使用该特性,请 提交工单

该特性依赖火山引擎对象存储(TOS)提供的图片格式转换能力。因此,要启用该特性,您的源站必须是一个 TOS 存储桶。在向 TOS 发送回源请求时,CDN加速服务会在请求中包含 Accept: image/webp 头部。

该特性启用后,当收到一个图片请求时,CDN加速服务的处理流程如下:

  1. 判断缓存中是否存在 WebP 格式的该图片。如果没有,继续第 2 步。

  2. 向 TOS 请求该图片,请求中包含 Accept: image/webp 头部。

  3. 缓存 TOS 返回的图片并将其发送给用户。

说明

  • 如果您在CDN加速服务中启用了该特性,请勿对存储桶启用 TOS 中的 "图片处理" 特性。
  • 该特性启用后,对于图片的请求,CDN加速服务的缓存命中率会下降。原因如下:
  • 当收到一个图片请求时,CDN加速服务会查找缓存中是否有 WebP 格式的请求图片。例如,用户请求的图片是 image.png。即使缓存中有该图片,但由于图片格式不是 WebP,CDN加速服务判定请求未命中缓存,然后向 TOS 请求 WebP 格式的该图片。

    • 如果 TOS 返回了 image.webp,CDN加速服务会缓存该图片。对于之后CDN加速服务收到的 image.png 的请求,CDN加速服务判定请求都命中缓存,
    • 如果 TOS 返回的依然是 image.png,则对于之后收到的 image.png 的请求,CDN加速服务仍然判定这些请求未命中缓存,并向 TOS 请求 WebP 格式的该图片。

    因此,在业务高峰期,不建议您启用或停用该特性。

操作步骤

  1. 登录多云CDN控制台

  2. 在左侧导航栏,单击 CDN加速

  3. 在CDN加速域名列表找到需要配置的域名,单击 管理

  4. 在域名页面上,单击 内容优化 页签。

  5. 在页面右上方,单击 编辑配置

  6. Webp 自适应 下方,设置 状态 为启用。

  7. 在页面右上方单击 提交编辑

alt