术语表
PNG vs JPG vs WebP
三种在压缩、透明度和浏览器支持方面各有权衡的栅格图片格式。
PNG（便携式网络图形）是无损格式，支持完整 Alpha 通道 —— 这是需要透明度时的唯一选择。同样尺寸下文件大小比 JPG 大，所以 PNG 用于抠图、logo、UI 资源而非大幅照片。
PNG（便携式网络图形）是无损格式，支持完整 Alpha 通道 —— 这是需要透明度时的唯一选择。同样尺寸下文件大小比 JPG 大，所以 PNG 用于抠图、logo、UI 资源而非大幅照片。JPG 和 WebP 是照片 内容的主力，WebP 在同画质下文件最小。
继续阅读
需要透明度时（抠图、logo、图标、UI 资源）、需要无损画质（母版文件、归档）、或者图片有锐利边缘（用 JPG 压缩效果差）时用 PNG。
继续阅读
大幅照片、社交预览、不需要透明度且文件大小重要的场景用 JPG。JPG 不支持透明 —— 把透明 PNG 存为 JPG 会把背景压成白色。
继续阅读
Web 交付场景下，希望比 PNG/JPG 文件更小但同画质时用 WebP。WebP 支持有损和无损压缩、完整透明度、动画。2026 年浏览器支持全平台覆盖。
继续阅读
把透明 PNG 重新编码为 JPG 会永久丢失 Alpha 通道。JPG 转 WebP 是安全的。PNG 转 WebP 保留 Alpha。永远保留一份最高画质的原始母版。
ℹ
格式速查
要透明用 PNG，要照片用 JPG，能 WebP 就 WebP。WebP 同画质下文件小 25–35%，通常值得做格式转换 —— 现代浏览器全平台支持。