图片工具

PNG 还是 JPG?什么时候用哪个(以及透明通道的代价)

一份实用对比:照片、截图、Logo、图表分别该用哪种格式,以及转换时最常毁掉 Logo 的那个透明通道陷阱。

这两种格式都存在了几十年,也到处都被支持。选择的关键不在于抽象意义上的"画质高低",而在于你手上是哪种图。

一句话结论

照片用 JPG。任何含文字、平色块、硬边缘或透明通道的图用 PNG。

为什么照片该用 JPG

照片到处都是平滑渐变和连续色调。JPEG 会丢掉这类内容里人眼几乎察觉不到的高频细节,换来的是体积大幅缩小——同样一张照片,通常比 PNG 小 5 到 10 倍。

为什么其它都该用 PNG

PNG 是无损的,能精确还原硬边缘。截图、Logo、图表、地图、界面截屏,全是大片平色加硬边缘,而这恰恰是 JPEG 处理得最差的地方:它会把锐利的边缘变成模糊的光晕和振铃噪点,而且在任何质量设置下都会。除此之外,PNG 支持透明通道,JPEG 不支持。

透明通道陷阱

这就是转换最常出错的地方。一张透明背景的 PNG Logo 转成 JPG 时,那些像素底下必须放某种东西。有些工具会填成黑色背景,于是这个 Logo 一放到浅色页面上就毁了。

本转换器会把透明区合成到白色再编码,并且在你文件带 alpha 通道时提前告诉你。如果需要别的底色,请先在编辑器里自行合成。

第二个陷阱:文件可能变大

反直觉的是,截图或平色 Logo 转成 JPG 往往比原来的 PNG 更大,因为 JPEG 要用比特去把锐利边缘表示成一片糊。这个工具会检查这种情况:如果 JPG 会比你的输入更大,它保留你的原文件并告诉你,而不是塞给你一个又更差又更大的文件。

合成图上的颜色细节

JPEG 通常降低颜色分辨率,因为人眼对颜色不敏感。但在合成图——Logo、图表、彩色文字——这种降低是看得见的,因为那里的颜色过渡是绝对锐利的。本转换器默认保持全颜色分辨率,这要多花一些字节,而对这类内容是正确的取舍。

速查

以上全部在你的浏览器里完成,文件不会上传。

打开压缩工具