JPEG 和 PNG 差在哪,有什么优缺点? 该如何选择

当我们从网络、手机下载并储存图片时,最常看到的文件格式想必就是「JPEG」和「PNG」了。 乍看之下,JPEG 和 PNG 图片似乎没有太大的不同,但其实这两种文件格式之间存在着非常大的差异喔!

究竟 JPEG 和 PNG 有什么差别呢? 有时可能还会看到「JPG」这个文件格式,它和 JPEG 又有什么关系?

JPEG

JPEG 的全名是「联合图像专家小组(Joint Photographic Experts Group)」,由联合图像专家小组开发,并在 1922 年时发布。

JPEG 是大部分相机和网站所使用的文件格式,它主要是通过会将图片进行压缩来让文件变小,压缩的范围约为 10:1~20:1,实际压缩比例则根据程序和编辑器而有所不同。 相较大型图像,网页在上传、加载小型图像的速度都更快,提升网站的运行速度。

JPEG 使用的压缩方式是离散余弦转换(DCT),由于 DCT 主要是透过「合并相似的像素」来进行压缩,因此在压缩的过程中一定会造成部分的图像资料遗失,并且用户无法恢复已经合并的像素

如果单纯只有经历一次压缩的话,那 JPEG 和 PNG 之间的差异其实并不会太明显。 不过,每次开启并储存同一张 JPEG 图像后,它就会再经历一次压缩,重复储存(进行压缩)的次数越多,这张 JPEG 图像的质量就会变得越差。

▼ 压缩的次数越多,JPEG 图像的质量就会变得越差

JPEG 和 PNG 差在哪,有什么优缺点? 该如何选择

▉ JPEG 的优缺点

优点:

  • 文件较小
  • 能够控制压缩程度
  • 支持大部分的浏览器或编辑器

缺点:

  • 会损失部分的图像资料
  • 不支持透明背景
  • 不适用于 CMYK 打印

*补充:什么是“CMYK 打印”?

CMYK 是色彩模式的一种,主要是用在彩色印刷上

CMYK 是由青色、洋红色、黄色和黑组合而成,它和 RGB 最大的差别在于:RGB 是光的三原色,所以 RGB 的颜色叠合之后会越叠越白; CMYK 是油墨颜色,所以 CMYK 的颜色会越叠越黑。

▼ RGB 和 CMYK 的叠色示意图

JPEG 和 PNG 差在哪,有什么优缺点? 该如何选择

 JPG 和 JPEG 有什么差别?

其实,除了字符数不同外,JPG和 JPEG 没有任何差别。 同一个文件格式之所以会衍生出两个扩展名,单纯只是因为操作系统的字符限制。

JPEG 在 1992 年登场时,由于当时最主流的 Windows 和 DOS 系统只支持三个字的扩展名,「. jpeg」就被简化成了“. jpg」。 而同时期的 UNIX 系统却没有相关的限制,所以 MAC 和 UNIX 用户使用的是「. jpeg」这个副档名,就这样导致了「同一个文件格式却有两个扩展名」的奇异情况。

时至今日,Windows 系统早已没有扩展名的字符限制,但由于人们已经习惯了「. jpg」这个扩展名,因此“. jpg」这个副档名就这样沿用下来了。

PNG

PNG 的全名是「便携式网络图形(Portable Network Graphics)」,主要是用来改善并取代 GIF 的一种格式。

PNG 通常是屏幕截图的默认文件格式,由于它可以保留所有图像的细节,因此非常适合用来储存细节丰富或对比度高的图像。 PNG 的另一大特色在于它支持透明背景,用户就能藉由透明背景让 LOGO、图表或文字等图像与网站排版完美对齐。

PNG 使用的是压缩方式是 LZW 压缩,它是一种无损数据压缩法,因此就算重复存储 PNG 图像,也不会造成任何图像数据遗失。 不过,由于 PNG 图像可能会占据大量的容量,建议只有「原始文件」使用 PNG 格式就好,后期过的图像则使用其他格式来储存。

▼ 有时 PNG 会有白灰色的方格背景,来表示这是透明图片

JPEG 和 PNG 差在哪,有什么优缺点? 该如何选择

 PNG 的优缺点

优点:

  • 可保留更多文字或图像细节
  • 不会遗失图像资料
  • 支持透明背景

缺点:

  • 文件较大

结论:我该使用 JPEG 还是 PNG?

JPEG 和 PNG 各有其优缺点,这两种文件格式并没有谁好谁坏之分,一切全看使用情境而定。 如果说 JPEG 是在文件大小与图像品质间妥协后的结果,PNG 就是牺牲文件大小来维持图像质量。

JPEG 的使用情境:

  • 分享到社交平台的图像
  • 风景照、人像照等
  • 后期完成的图像
  • 不需要放大的图像

PNG 的使用情境:

  • 预计进行后制、加上注释的图像
  • 希望永久保留的图像
  • 包含LOGO、文字或锐利线条的图像
  • 透明图像

▼ JPEG 和 PNG 在一般情况下没有太大差别,放大后的细节处才比较有差

JPEG 和 PNG 差在哪,有什么优缺点? 该如何选择
(0)
打赏 微信扫一扫 微信扫一扫

相关推荐

发表评论

登录后才能评论