JPG、PNG 和 WebP 怎么选？一篇讲清图片格式

照片用 JPG，截图、logo 和所有需要透明背景的图片用 PNG，如果对方支持且你想要更小的文件，就用 WebP。选择的关键在两点：这种格式是有损还是无损，以及它是否支持透明背景。根据图片的内容和展示的地方来选就行。

图片格式转换需要JPG，手里却是PNG免费使用

有损与无损，通俗地说

有损格式会舍弃一部分细节来让文件变小，压缩程度由你来选。无损格式则完整保留每一个像素，但照片细节丰富，因此很难明显缩小。JPG 是有损的，PNG 是无损的，WebP 两种都可以。同一个文件反复保存，损失会不断累积，所以每次转换都应从原件出发。

不同用途选哪种格式

• 照片：JPG。体积小，应用广泛，能很好地还原自然色彩。
• 截图、示意图和界面截图：PNG。文字和纯色区域保持清晰。
• logo 和抠图：PNG 或 WebP，两者都能保留透明区域。JPG 无法保存透明度。
• 网页图片：WebP，如果网站有需要，可以保留 JPG 或 PNG 作为备用。

格式	压缩方式	透明背景	适用场景	注意事项
JPG	有损	不支持	照片、邮件、表单	文字周围可能出现杂色点，不支持透明
PNG	无损	支持	截图、logo、示意图	用于照片时体积较大
WebP	有损或无损	支持	网页和现代应用	部分旧版程序无法打开
AVIF	有损或无损	支持	现代浏览器中的小体积图片	旧版软件支持较少

浏览器和应用的支持情况

目前主流浏览器都能显示 WebP，许多浏览器也能显示 AVIF。但旧版浏览器、邮件客户端、桌面程序和上传表单的支持情况就不那么确定了，表单通常会注明可接受的格式。先看表单要求。如果表单指定了 JPG 或 PNG，即使 WebP 或 AVIF 体积更小，也请使用指定的格式。

转换时尽量少损失画质

• 保留原始文件，转换时转换一份副本，不要覆盖原件。
• 把照片转为 JPG 时，选择较高的质量设置。
• 把 JPG 转成 PNG 无法找回已经丢失的细节，所以要从你手上最好的文件开始。
• 把透明背景的图片保存为 JPG，透明区域会被填充成纯色，通常是白色或黑色。

如果目标是减小文件体积，转换后再压缩图片。关于像素尺寸，可以参考表单图片尺寸调整指南。

邮件、打印和上传时如何选择

日常发送邮件和分享时，照片用 JPG 最稳妥，几乎所有程序和服务都能读取。对于线条锐利的图形，比如需要清晰打印的 logo，PNG 通常是更好的选择。表单和打印服务有时会列出自己接受的格式，这些要求优先于任何通用规则。

快速决策清单

1. 图片需要透明背景吗？用 PNG 或 WebP。
2. 是不需要透明背景的照片吗？用 JPG；如果对方接受，也可以用 WebP。
3. 是文字、截图或示意图吗？用 PNG。
4. 要提交到表单或用于旧版程序吗？用表单或程序列出的格式。

为什么不同格式的文件大小不一样

没有哪种格式总是最小的。同一张照片，在相近画质下，WebP 或 AVIF 可能比 JPG 更小；而简单的纯色图形，用 PNG 保存可能比 JPG 更小。图片的内容决定了大部分结果，所以应该比较实际的文件，而不是依赖经验法则。

保留一份无损源文件

条件允许的话，请保留一份无损格式的原件，比如截图的 PNG 或相机拍的原始文件。再根据具体用途生成有损副本。这样以后随时都能导出 JPG、WebP 或更小的文件，而不必从已经损坏的副本开始。

透明背景的特殊情况

PNG 和 WebP 能保留柔和的边缘，所以带有淡阴影或模糊边缘的 logo 在彩色背景上依然平滑自然。JPG 无法保存这种边缘，阴影要么被压平到纯色背景上，要么直接丢失。如果 logo 必须放在不同的背景上，请把透明版本作为母版保存，只在确实需要的地方导出 JPG 副本。如果 logo 还没有透明版本，请先去除背景。透明 PNG 为什么会变成黑色背景一文介绍了这个文件保存为 JPG 后会发生什么。

用 fixmint 操作的步骤

1. 先确认表单或应用接受哪些格式。它的要求优先于上面的通用规则。
2. 把原始文件拖到图片格式转换工具中。
3. 在“转换为”下，照片选 JPG，截图、logo 和需要透明背景的图片选 PNG。只有在对方接受的情况下才选 WebP。
4. 如果选择 JPG，将“质量”保持在 92 或以上，然后下载文件。需要下载多个文件时，使用“全部下载（.zip）”。
5. 如果文件仍然太大，就压缩它。

常见问题

JPG 和 PNG 哪个更好？ 拍摄的照片用 JPG 更好，因为体积小得多。截图、文字和透明 logo 用 PNG 更好，因为边缘能保持清晰。

WebP 能放心使用吗？ 在网站上可以，主流浏览器都支持。用于邮件、表单和桌面程序时，除非收件人确认 WebP 可用，否则 JPG 是更稳妥的选择。

为什么我的透明 logo 周围多了一个白框？ 它被保存成了 JPG，而 JPG 无法保存透明度。请用图片格式转换工具重新保存为 PNG 或 WebP。