JPEG、PNG、BMP、GIF、SVG

JPEG、PNG、BMP、GIF、SVG

我想知道在获得相同图像质量的情况下,哪一种格式需要的内存更少,以及这些格式之间的主要区别是什么。

答案1

TIFF、GIF、JPG、JPEG、PNG 和 BMP 文件之间有什么区别?

骨形态发生蛋白- 位图。这可能是我记得的第一种数字图像格式。当时,计算机上的每张图片似乎都是 BMP。在 Windows XP 中,Paint 程序会自动将其图像保存为 BMP。然而,在 Windows Vista 及更高版本中,图像现在保存为 JPEG。BMP 是许多其他文件类型的基础平台。

JPG / JPEG-(联合图像专家组)JPEG 格式用于彩色照片,或任何具有许多混合或渐变效果的图片。它不适用于锐利的边缘,除非以高质量存储,否则往往会使边缘模糊。这种格式随着数码相机的发明而流行起来。大多数(如果不是全部)数码相机都会将照片以 JPEG 文件的形式下载到您的计算机中。显然,数码相机制造商看到了高质量图像的价值,因为这些图像最终占用的空间更少。

动态图片-(图形交换格式)Gif 格式最适合用于文本、线条画、屏幕截图、卡通和动画。Gif 的颜色总数限制为 256 种或更少,因此 Gif 图像相对较小。它通常用于快速加载网页。它还可以为您的网页制作出色的横幅或徽标。动画图片也可以以 GIF 格式保存为一系列静态图像。例如,闪烁的横幅将保存为 Gif 文件。

巴布亚新几内亚-(便携式网络图形)这种无损格式是最好的图像格式之一。它并不总是与所有网络浏览器或图像软件兼容,但现在它是用于网站的最佳图像格式。我使用 .png 制作徽标和屏幕截图。它最令人惊讶的功能之一是能够无损压缩图像(不丢失像素),尽管最终压缩大小因图像编辑器而异。

TIFF-(标记图像文件格式)此文件格式自 1992 年以来一直未更新,现在归 Adob​​e 所有。它可以将图像和数据(标记)存储在一个文件中。TIFF 可以压缩,但正是其以无损格式存储图像数据的能力使 TIFF 文件成为有用的图像档案,因为与标准 JPEG 文件不同,使用无损压缩(或无损)的 TIFF 文件可以编辑和重新保存而不会损失图像质量。此文件通常用于扫描、传真、文字处理等。它不再是用于数码照片的常见文件格式,因为 jpeg 质量很好,占用空间更少。

答案2

采用 xkcd 风格来自 lbrandy.com

替代文本

答案3

您应该了解一些关键因素...

首先,压缩有两种类型:无损有损

  • 无损意味着图像变小了,但不会影响质量。
  • 有损意味着图像变得更小(甚至更小),但质量却会降低。如果您反复以有损格式保存图像,图像质量会越来越差。

还有不同的颜色深度(调色板):索引颜色直接颜色

  • 索引意味着图像只能存储有限数量的颜色(通常为 256 种),由作者控制,存储在所谓的“颜色图”中
  • 直接的意味着你可以存储很多非作者直接选择的颜色

骨形态发生蛋白- 无损/索引和直接

这是一种旧格式。它是无损的(保存时不会丢失任何图像数据),但几乎没有压缩,这意味着保存为 BMP 会导致文件大小非常大。它可以同时具有索引和直接调色板,但这只是一个小小的安慰。文件大小大得没有必要,以至于没有人真正使用这种格式。

优点:没什么优点。BMP 没有什么优点,或者其他格式做得不好的地方。

BMP 与 GIF


动态图片- 无损/仅索引

GIF 使用无损压缩,这意味着您可以反复保存图像并且不会丢失任何数据。文件大小比 BMP 小得多,因为实际上使用了良好的压缩,但它只能存储索引调色板。这意味着对于大多数用例,文件中最多只能有 256 种不同的颜色。这听起来似乎很少,事实也确实如此。

GIF 图像还可以进行动画处理并且具有透明度。

适合:徽标、线条图和其他需要缩小的简单图像。仅适用于网站。

GIF 与 JPEG


JPEG- 有损 / 直接

JPEG 图像旨在通过删除人眼无法注意到的信息,使详细的照片图像尽可能小。因此,它是一种有损格式,反复保存同一个文件会导致随着时间的推移丢失更多数据。它有数千种颜色的调色板,因此非常适合照片,但有损压缩意味着它不适合徽标和线条图:它们不仅看起来模糊,而且与 GIF 相比,此类图像的文件大小也会更大!

适合:照片。还有渐变色。

JPEG 与 GIF


PNG-8- 无损/索引

PNG 是一种较新的格式,而 PNG-8(PNG 的索引版本)确实是 GIF 的一个很好的替代品。然而,遗憾的是,它有几个缺点:首先,它不能像 GIF 那样支持动画(虽然它可以,但似乎只有 Firefox 支持它,而 GIF 动画则受所有浏览器支持)。其次,它与 IE6 等较旧的浏览器存在一些支持问题。第三,Photoshop 等重要软件对该格式的实现非常糟糕。(该死的 Adob​​e!)PNG-8 只能存储 256 种颜色,就像 GIF 一样。

优点:PNG-8 比 GIF 更好的主要一点是支持 Alpha 透明度。

PNG-8 与 GIF

重要的提示:Photoshop 不支持 PNG-8 文件的 Alpha 透明度。(该死的 Photoshop!)不过,有办法将 Photoshop PNG-24 转换为 PNG-8 文件,同时保留其透明度。一种方法是PNGQuant,另一种方法是使用烟花


PNG-24- 无损/直接

PNG-24 是一种很好的格式,它将无损编码与直接颜色(数千种颜色,就像 JPEG 一样)结合在一起。在这方面它与 BMP 非常相似,只是 PNG 实际上会压缩图像,因此文件会小得多。不幸的是,PNG-24 文件仍然比 JPEG、GIF 和 PNG-8 要大得多,所以你仍然需要考虑是否真的要使用其中一种。

尽管 PNG-24 允许数千种颜色并具有压缩功能,但它们并非旨在取代 JPEG 图像。保存为 PNG-24 的照片可能至少比同等 JPEG 图像大 5 倍,而可见质量几乎没有改善。(当然,如果您不关心文件大小,并且希望获得最佳质量的图像,这可能是理想的结果。)

与 PNG-8 一样,PNG-24 也支持 alpha 透明度。


SVG- 无损/矢量

目前越来越流行的文件类型是 SVG,它与上述所有文件类型不同,因为它是向量文件格式(以上均为栅格)。这意味着它实际上是由线条和曲线而不是像素组成的。当您放大矢量图像时,您仍然会看到曲线或线条。当您放大光栅图像时,您会看到像素。

例如:

PNG 与 SVG

SVG 与 PNG

这意味着 SVG 非常适合您希望在 Retina 屏幕或不同尺寸下保持清晰度的徽标和图标。

此外,SVG 文件是使用 XML 编写的,因此可以在文本编辑器中打开和编辑,如果您愿意,可以随时对其进行操作。例如,您可以使用 JavaScript 更改网站上 SVG 图标的颜色,就像更改文本一样(即不需要第二张图片)。

我希望这能有所帮助!

答案4

  • 如果图像颜色较少(如图标),请使用 GIF。也可以用于动画图像(如广告横幅)。
  • 如果图像有很多颜色(如照片),请使用 JPG。JPEG 也是一样的。
  • 如果您想保存未压缩的图像,请使用 BMP。文件大小大得多!
  • 如果您想在网络上发布图像并保持与现代标准同步,请使用 PNG。优点:适合作为 GIF 和 JPG 的现代替代品,并且是开放标准,允许透明度。缺点:不受旧软件支持,文件大小可能比同类 GIF 或 JPG 更大。

相关内容