JPEG 和 PNG 到底该用哪个？

快速答案：照片用 JPEG，边缘锐利或带透明的图形用 PNG。 如果你只记得一句话，这条规则能正确处理 90% 的场景。这篇文章的其余部分解释为什么，好让你自己判断那些边界情况。

唯一重要的区别

JPEG 和 PNG 是为不同类型的图像设计的。

JPEG 是为照片调校的有损格式。它擅长平滑渐变——皮肤、天空、虚化的背景——并且乐于丢弃你眼睛忽略的细节。这就是它能把一张 1200 万像素的照片塞进 2 MB 的原理。
PNG 是为纯色块、锐利线条和文字打造的无损格式。它还支持透明，而 JPEG 完全做不到。logo、图标、界面截图、图表，都该用 PNG。

用错了立刻能感觉到。把 logo 存成 JPEG，锐利的边缘会镶上一圈灰色的"蚊式噪点"；把照片存成 PNG，文件会膨胀到五倍十倍大，却看不出任何好处。

按顺序问两个问题：

截图是经典的陷阱。一张以照片为主的网页截图，压成 JPEG 更省；而一张代码、表格或界面的截图，用 PNG 才能既清晰又小巧。拿不准就两个都试，对比一下——这就说到工具了。

如果格式选错了，换起来很简单。IMG.DIY 的图片格式转换工具可以在浏览器里直接在 PNG、JPG、WebP、AVIF 之间转换。（注意：浏览器无法通过 canvas 编码 AVIF，所以选 AVIF 输出时会退回到 WebP——它几乎一样小，而且到处都支持。）你可以一次批量转换一整批。

最常见的收益：设计师给了你一整个文件夹的 PNG 照片。把它们转成 JPG，看着文件夹缩小 80% 甚至更多，而看不出损失。

选对格式只是一半——你还想让文件更小。

JPEG（和 WebP）： 用质量滑块。75–85 这一档对大多数照片来说是视觉无损的，同时把体积压得很狠。
PNG： 没有质量滑块，因为它是无损的。取而代之的是减少颜色数量。大多数 PNG 用到的颜色远少于允许值，所以量化到 256 色调色板通常能省 60–80% 而看不出变化——而且透明会完整保留。

IMG.DIY 的图片压缩工具会根据你喂进去的格式自动采用正确方法，而且绝不会输出比原图更大的文件。混着 JPG 和 PNG 的一整个文件夹丢进去，每张都会得到它需要的处理。

值得一提：WebP 两样活儿都能干。它像 JPEG 一样压照片，又像 PNG 一样支持透明，而且通常比两者都更小。如果你的受众用的是现代浏览器（如今几乎所有人都是），转成 WebP 往往是最划算的一招。只有在必须兼容非常老旧的软件时，才保留一份 JPEG 或 PNG 备用。

照片 → JPEG。logo、图标、文字、透明 → PNG。既要压缩又要透明，或者想要尽可能小的文件 → 考虑 WebP。然后用与格式匹配的方法压缩。这里每一步都完全在你的浏览器里运行——什么都不上传，首次访问之后工具还能离线使用。