WebP、PNG 与 JPG:你该用哪种格式?

三种格式,三种不同的用途。这里讲清楚 WebP、PNG 和 JPG 在压缩、透明度和支持方面到底有什么区别 —— 外加一条几乎每次都能选对的一句话法则。

更新于 2026年5月22日

简短答案

拍照用 JPG,需要透明度或像素级锐利时用 PNG,想要最小的网页文件且你的受众使用现代浏览器时用 WebP。本指南接下来会解释原因,这样当简单法则不适用时,你也能自信地做出判断。

每种格式如何压缩

JPG 使用为自然图像调校的有损压缩:它会丢弃你的眼睛不太可能注意到的细节,从而得到渐变平滑、文件小但没有透明度的图片。PNG 是无损的 —— 它精确还原每一个像素,并支持透明度的 alpha 通道,这让它非常适合徽标、截图和带硬边缘的图形,代价是照片文件会更大。WebP 是后起之秀,两者兼顾:它提供有损模式,在相近画质下通常比 JPG 小 25–35%;还有带透明度的无损模式,通常比 PNG 更优。

透明度与边缘

如果你的图片有任何部分需要透明,那 JPG 就出局了 —— 它没有 alpha 通道,会用白色填充透明区域。PNG 和 WebP 都支持透明度。对于清晰的文字、UI 元素和纯色插画,PNG 和无损 WebP 能让边缘保持锐利如刀,而 JPG 会在高对比线条周围引入淡淡的光晕(压缩伪影)。

浏览器与应用支持

JPG 和 PNG 是通用的 —— 过去二十年里的每款浏览器、操作系统和应用都能打开它们。WebP 受到所有当前主流浏览器的支持,但你可能仍会遇到一些较旧的软件、某些邮件客户端或不认识它的老旧系统。当兼容性比省下那最后几千字节更重要时,这正是保留 JPG 或 PNG 后备方案的主要原因。

一个实用的决策流程

  • **面向现代受众的网页照片?**WebP(有损)。
  • **必须到哪儿都能打开的照片?**JPG。
  • **徽标、图标、截图,或任何带透明度的内容?**PNG,或者在体积要紧且支持没问题时用无损 WebP。
  • **打印或归档母版?**保留一份无损副本(PNG 或原文件)。

无论你怎么决定,都可以用私密的浏览器内转换器在几秒内于这三种格式之间切换 —— 而如果你只是想让文件更小而不切换格式,专用的压缩器才是更好的工具。

快速步骤

  1. 1根据用途选定目标格式:网页小图用 WebP,通用照片用 JPG,透明度或锐利图形用 PNG。
  2. 2打开图片格式转换器并把文件拖进去;选择你上面定好的格式。
  3. 3转换并下载。一切都在你的浏览器本地运行,所以图片永远不会被上传。

常见问题

通常如此,但并非总是。对大多数照片和图形,WebP 都胜过 JPG 和 PNG,但少数图片用 JPG 反而压缩得更好。可靠的判断办法是转换后对比文件大小 —— 只需片刻。

会。JPG 没有透明度,所以任何透明区域都会变成纯色(通常是白色)。如果你需要保留透明度,请改转 WebP,或继续使用 PNG。

对于面向现代浏览器的网页图片,WebP 是出色的默认选择。当文件必须能在较旧软件、邮件客户端或可能不支持 WebP 的系统中打开时,请保留 JPG 或 PNG。

本指南用到的工具

相关转换