You need to enable JavaScript to run this app.
导航
Webp 自适应
最近更新时间:2024.12.12 10:23:28首次发布时间:2024.06.13 14:34:37

什么是 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 存储桶。

该特性启用后,当收到一个包含 Accept: image/webp 头部的请求时,CDN 的处理流程如下:

  1. 判断缓存中是否存在 Webp 图片。如果没有,继续第 2 步。

    说明

    • 假设请求的图片是 image.png。当请求中包含 Accept: image/webp 头部时,即使缓存中存在 image.png,CDN 也会认为该请求未命中缓存,并向 TOS 请求 Webp 图片。

    • 启用 "Webp 自适应" 后,您加速域名的请求命中率会下降。在业务高峰期,不建议您启用或停用该特性。

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

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

说明

  • 开启该特性能会降低 CDN 的缓存命中率。开启该特性后,请求文件的缓存键会发生变化,因此,如果请求的文件已经被缓存,CDN 会判定请求文件未命中缓存。
  • 如果您在 CDN 中开启了该特性,请勿对存储桶开启 TOS 中的 "图片处理" 特性。

操作步骤

  1. 登录 火山引擎内容分发网络控制台

  2. 在左侧导航栏,点击 域名管理

  3. 域名管理 页面,找到需要配置的域名,点击 管理

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

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

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

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