2026 年用 WebP 提升网站速度
新2026-02-011 分钟阅读2 个工具
WebP 比 JPG 小 25–35%。实现指南,含旧浏览器回退。
WebP 优势
比 JPG 小 25–35%。支持透明。所有现代浏览器支持。
旧浏览器回退
在 picture 标签中用 JPG 作回退。浏览器自动选择最佳选项。
Frequently Asked Questions
- WebP 比 JPG 小多少?
- 同画质下 WebP 通常比 JPG 小 25–35%。200KB 的 JPG 可能变成 130–150KB。多图累计节省明显。现代浏览器都支持 WebP;旧浏览器用 JPG 回退。
- 如何添加 WebP 并设 JPG 回退?
- 使用 HTML picture 元素。先放 WebP 源,再放 JPG 回退。支持 WebP 的浏览器会用 WebP;其他用 JPG。无需 JavaScript。Pngtm.com 可免费将图片转为 WebP。
- WebP 支持透明吗?
- 支持。WebP 像 PNG 一样支持透明,体积更小。需要透明背景的图用 WebP。部分旧程序不支持——分享到网页外时可转为 PNG 或 JPG。