WebP 是什么？网页图片为什么经常用这种格式

WebP 是一种面向网页场景的图片格式，可以在较小文件体积下保持不错的视觉质量，并支持透明和动画等能力。

它不是任何图片都必须转换

是否使用 WebP 要看浏览器支持、工作流和图片用途。原始摄影素材、需要反复编辑的文件和最终网页资源，需求并不相同。

什么时候转换成 WebP 更有意义

网页已经确定展示尺寸、又希望减少下载体积时，WebP 很适合作为交付格式。原始照片和设计源文件则最好另外保留，不要只留一份压缩后的网页版本。

实际处理时可以拿同一张图比较 JPEG、PNG 和 WebP 的体积与视觉效果。不要只看“压了多少百分比”，文字边缘、透明区域和渐变是否出现明显瑕疵更重要。

WebP、JPEG、PNG 怎么选

网页照片如果不需要透明背景，可以先在 JPEG 与 WebP 之间比较清晰度和文件大小；图标、界面截图尤其要检查细线、文字边缘与透明背景。PNG 适合需要无损保留细节的中间文件，但最终网页资源不一定要沿用 PNG。

网页交付时，格式以外还有两件事

即使换成 WebP，如果把 3000 像素宽的图片直接缩在 300 像素宽的卡片里，用户仍然要下载不必要的数据。先按实际展示尺寸导出，再按需要提供不同分辨率的资源；检查手机屏幕上的清晰度与加载情况。浏览器兼容性要求比较严格的项目，可以通过 picture 元素提供后备图片。