该示例通过对请求头
Accept 判断，如果包含image/webp，边缘函数会将图片格式自动转换为 WebP 格式，并缓存在 EdgeOne 边缘节点。若您的 Web 应用展示了大量的 PNG，JPEG 格式图片，期望在边缘自动优化图片，减少流量带宽成本，可使用边缘函数实现平滑升级， 把 PNG，JPEG 格式图片自动转换为 WebP 格式，并且业务代码 0 改动。更多图片转换格式，详情请参考 ImageProperties。 async function handleEvent(event) {const { request } = event;// 获取客户端支持的图片类型const accept = request.headers.get('Accept');const option = { eo: { image: {} } };// 检查客户端是否支持 WebP 格式的图片,若不支持响应原图if (accept && accept.includes('image/webp')) {option.eo.image.format = 'webp';}const response = await fetch(request, option);return response;}addEventListener('fetch', event => {// 当函数代码抛出未处理的异常时，边缘函数会将此请求转发回源站event.passThroughOnException();event.respondWith(handleEvent(event));});
示例预览
在 PC 端与移动端的浏览器地址栏中输入匹配到边缘函数触发规则的 URL（如：
https://example.com/images-format/ef-1.jpeg），即可自动转换为 Webp 格式图片。
相关参考