JPG 和 PNG 的区别一览
| JPG（JPEG） | PNG | |
|---|---|---|
| 压缩方式 | 有损：会丢弃细微细节 | 无损：保留每一个像素 |
| 透明度 | 不支持 | 支持，包括半透明区域 |
| 照片的文件大小 | 小 | 大好几倍 |
| 截图和图形的文件大小 | 往往更大，且边缘模糊 | 小巧且非常清晰 |
| 反复编辑 | 每次保存都会损失一点画质 | 无损失 |
| 适用场景 | 照片和照片扫描件 | 截图、文字、Logo、图标、图表 |
简而言之：照片用 JPG；带锐利边缘、文字或透明效果的图片用 PNG。
JPEG 压缩的原理
JPEG 于 1992 年完成标准化，其设计基于人眼的视觉特性。它将亮度与色彩分离，并且通常以较低的分辨率存储色彩，因为人眼对色彩细节不太敏感。接着，图像被切分成 8 × 8 像素的块，每个块经过频率变换（离散余弦变换），最精细的细节会被舍入去掉——舍去多少由质量设置决定。剩下的数据再用霍夫曼编码打包。
对于照片，这种方法效果惊人：在 85–90% 的质量下，JPG 只有未压缩大小的一小部分，看起来却毫无差别。但在锐利边缘和文字周围，舍入会表现为色块和淡淡的光晕；而且 JPG 每次编辑后重新保存，都会再丢失一些细节。
PNG 压缩的原理
PNG 诞生于 1996 年，是作为 GIF 的无专利替代格式而开发的。它从不丢弃任何数据：每一行像素先经过一个过滤器处理，根据相邻像素来预测像素值，然后用 DEFLATE 压缩结果——这与 ZIP 文件使用的方法相同。大面积纯色、重复图案和干净的边缘压缩效果极好；而照片中随机的细节几乎无法压缩。
PNG 支持每通道最高 16 位的全彩色、用于平滑透明效果的 Alpha 通道，以及最多 256 色的调色板模式，适合非常小的图形。
什么时候用 JPG
- 相机和手机拍摄的照片
- 照片扫描件，以及含图片的文档扫描件
- 网站、电子邮件和社交媒体上的照片
- 文件大小比像素级细节更重要的任何场合
对大多数用途来说，80–90% 的质量是最佳平衡点。
什么时候用 PNG
- 截图，尤其是包含文字和用户界面的截图
- Logo、图标和纯色图形
- 图表、示意图和线条图
- 需要透明背景的图片
- 需要多次编辑和保存的图片
WebP、AVIF、HEIC 和 GIF 又如何？
- WebP 可以有损也可以无损，并支持透明；文件通常明显小于 JPG 和 PNG，所有新版浏览器都能显示，是网站的理想选择。
- AVIF 的压缩效率比 WebP 更高，新版浏览器均已支持，但许多其他程序还不支持。
- HEIC 是 iPhone 的照片格式：效率高，但大多数浏览器和许多程序都不支持，因此经常需要转换为 JPG。
- GIF 最多只有 256 种颜色，如今只适合简单的动画。
- SVG 是矢量格式：如果有原始矢量文件，它是 Logo 和图标的最佳选择。
JPG 和 PNG 之间如何转换
PNG 转 JPG 可以让照片和大图小得多，透明区域会填充背景色。JPG 转 PNG 可以在继续编辑图片时避免进一步损失，但无法找回 JPEG 压缩已经丢掉的细节，只会让文件变大。这两种转换都可以用本站的 PNG 转 JPG 和 JPG 转 PNG 转换器在浏览器中完成，并支持批量处理。
JPG、JPEG 还是 JFIF？
它们都是同一种格式。JPEG 是标准的名称（取自联合图像专家组 Joint Photographic Experts Group）；.jpg 之所以流行，是因为早期 Windows 版本只允许三个字母的扩展名；.jpeg 和 .jfif 是同一种图像数据的其他扩展名。在它们之间重命名，不会改变图像的任何内容。
常见问题
PNG 的画质比 JPG 好吗？
PNG 是无损格式，所以永远不会丢失细节。但对于照片，85–90% 质量的 JPG 看起来完全一样，文件却只有其一小部分大小。所以对照片来说，PNG 并不是“更好”，只是更大。
网站应该用 JPG 还是 PNG？
照片用 JPG（或 WebP），截图、图形和带透明效果的图片用 PNG（或 WebP）。Logo 和图标通常最适合用 SVG。
把 JPG 转换为 PNG 能提高画质吗？
不能。PNG 看起来和 JPG 完全一样，只是在你继续编辑图片时能避免额外的损失。
最后更新: