PNG、JPG、WebP 有什么区别？什么时候该用哪个

搜 PNG、JPG、WebP 区别的人，其实都卡在同一个决定上：手里这张图，该存成哪种。答案不复杂，取决于三件事——要不要透明、是照片还是图标、给谁看。下面按真实会遇到的问题一个个说，看完你自己就能拍板。

选格式其实只看三件事：要不要透明、是照片还是图标、给谁看

问：JPG 和 PNG 最大的区别是什么？

两点。第一，JPG 是有损压缩，每存一次都丢一点细节，换来更小的体积；PNG 是无损，画质不掉，代价是文件大。第二，PNG 支持透明背景，JPG 不支持——JPG 里根本没有透明这回事，透明的地方会被填成白色或黑色。所以照片用 JPG 划算，图标、logo、需要抠出来单独用的透明图，得用 PNG。这两条一分，八成的选择就定了。

问：WebP 又是什么，跟前两个比怎么样？

WebP 是谷歌推的后来者，像个全能选手：既能有损也能无损，还支持透明和动图，体积普遍比 JPG、PNG 小。同画质下比 JPG 小 25%–35% 左右，是常见说法。它的短板在兼容性——主流浏览器和新系统都认，但个别老软件、老设备、印刷流程可能不买账。所以它在网页、App 上很吃香，一到要谁都能打开或者要进印刷的场合，就得掂量掂量。

问：那到底什么时候用哪个？

给个好记的分法。照片、要谁都能打开、要进印刷的，用 JPG；需要透明背景、图标线稿、要求画质零损失的，用 PNG；网页和 App 里追求加载快、又想保留透明的，用 WebP。同一张图在不同场合可以存不同格式——主图给平台用 JPG，抠好的透明素材留 PNG，网站展示时再转 WebP，这几件事并不冲突，各存各的就行。

问：反复保存 JPG 会越来越糊，是真的吗？

是真的。JPG 每存一次就有损一次，改一版存一版、再打开再改再存，几个来回下来，边缘会起毛、色块会脏。稳妥的做法是：编辑过程用 PNG 或 PSD 这种无损格式保留原稿，只在最后要发布、要上传时才导出成 JPG。这样你随时能从干净的原稿重新导一份，而不是让同一张 JPG 一路糊下去。

9 月初，做饰品的阿May 把一张 JPG 主图改了导、导了又改，来回七八遍，最后珍珠的高光糊成了一片。我让她翻出最早那张干净的图重新来，中间一律存 PNG，只在上传前转成 JPG，问题立马没了。图不是被改坏的，是被反复存 JPG 存坏的——这一点很多人到现在都没意识到。

问：图叮在这中间能帮什么？

图叮做的是修图，不是格式转换器，先把这条说清。它最常用的一环是一键抠图——把主体抠出来、输出透明背景的 PNG，抠完的透明 PNG 你可以直接用，也可以再转成 WebP 保留透明。高清放大、材质高清修复则管清晰度，图像扩展管尺寸比例。图叮网页版在浏览器打开就能用，也有 Photoshop 插件版。至于最终导出成哪种格式，以图叮官网当下的选项为准。

下回再纠结存哪种，先问自己那句话——要透明吗，是照片吗，给谁看。三个问题答完，格式基本就定了。阿May 现在存图前都先默念这三句，改图七八遍也不慌了。