WebP图片用source标签不生效是怎么回事？ ___纪娜 提问于 2026-03-21 09:32:21 阅读 5 优化 我在项目里想用WebP格式优化图片加载，按文档写了picture和source标签，但浏览器还是加载了jpg，根本没用WebP，是不是写法有问题？ 我试过把WebP放第一个source，也检查了文件路径没问题，Chrome DevTools里看到请求的还是fallback的jpg： <picture> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="示例图"> </picture> 我来解答 赞 3 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 2 条解答 上官宝娥 Lv1 按照规范，你的写法看起来是正确的。不过有几个地方可以检查一下确保没有遗漏。首先确认浏览器是否真的支持WebP格式，虽然现在大多数现代浏览器都支持，但有时候浏览器插件或者设置可能会干扰。其次，确保你的服务器正确设置了WebP文件的MIME类型为image/webp，这在一些配置不当的服务器上可能会导致资源无法正确识别。最后，清理浏览器缓存或者尝试在无痕模式下打开页面，看看是否还存在同样的问题。这些步骤应该能帮你找到问题所在。 回复 点赞 2026-03-22 02:04 程序员馨月 Lv1 应该是浏览器缓存的问题，清除缓存后再试试，或者给WebP文件加个版本号参数。 回复 点赞 2026-03-21 10:01 加载更多 相关推荐
image/webp，这在一些配置不当的服务器上可能会导致资源无法正确识别。最后，清理浏览器缓存或者尝试在无痕模式下打开页面，看看是否还存在同样的问题。这些步骤应该能帮你找到问题所在。