格式指南
网页场景：WebP、JPEG 与 PNG 怎么选
在相近画质下，WebP 往往比 JPEG、PNG 更小；但 PNG 仍是透明与锐利 UI 的首选，JPEG 仍是兼容性最广的照片格式。
最后更新：2026 年 6 月 26 日
WebP、JPEG、PNG 对比
| WebP | JPEG | PNG | |
|---|---|---|---|
| 压缩 | 有损或无损 | 有损 | 无损（或可减色） |
| 透明通道 | 支持 | 不支持 | 支持 |
| 典型网页用途 | 头图、缩略图、响应式图片 | 兼容兜底、邮件附件 | Logo、图标、UI、截图 |
| 浏览器支持 | 主流浏览器均已支持；注意旧嵌入场景 | 通用 | 通用 |
| 照片体积 | 同画质往往最小 | 较小 | 通常最大 |
WebP 为何不能简单替代 JPEG
WebP 采用较新的压缩算法，在相近主观画质下文件往往更小，有助于 Core Web Vitals 与移动端流量。
部分离线流程——某些邮件客户端、旧 CMS 或冲印店——仍默认 JPEG 或 PNG。站点可发 WebP，不确定兼容时保留 JPEG 母版。
如何选择
是否应把所有 PNG 照片转成 WebP？
仅当图片偏摄影且不需要透明时。Logo 与 UI 仍应使用 PNG 或 SVG。
Pixlery 是否支持本地 WebP 转换？
支持。Image Converter 与 Image Compressor 可在浏览器中处理 WebP、JPG、PNG。
与 PNG vs JPEG 指南有何关系？
该指南讲照片与图形的分工；本文补充 WebP 在网页交付中的位置。