“JPG”/“JPEG”/“PNG”/“BMP”/“GIF”/“TIFF”图像有什么区别?

我看过很多types的图片扩展,但从来没有理解它们之间的真正区别。 那里有没有明确解释它们之间的差异?

在应用程序中select特定types的图像时是否有标准要考虑? 我们用于Web应用程序的是什么?

是。 他们是不同的文件格式(和他们的文件扩展名)。

每种格式的维基百科条目都会给你相当多的信息:

  • JPEG (或JPG,用于文件扩展名;联合图像专家组)
  • PNG (便携式networkinggraphics)
  • BMP (位图)
  • GIF (graphics交换格式)
  • TIFF (或TIF,用于文件扩展名;标记图像文件格式)

图像格式可以分为三大类:

  • 有损压缩,
  • 无损压缩,
  • 未压缩的,

未压缩的格式占用了大量的数据,但它们是图像的精确表示。 BMP等位图格式通常是未压缩的,但也有压缩的BMP文件。

有损压缩格式通常适用于照片。 它不适合用于插图,图画和文字,因为压缩图像时的压缩伪影将非常出色。 正如其名称所暗示的,有损压缩不会对文件的所有信息进行编码,因此当它被恢复到图像中时,它不会是原始文件的精确表示。 但是,与无损格式相比,它能够非常有效地压缩图像,因为它丢弃了某些信息。 有损压缩格式的一个主要例子是JPEG。

无损压缩格式适用于插图,绘图,文本和其他材料,如果使用有损压缩进行压缩,将看起来不太好。 正如其名称所暗示的,无损压缩将对来自原始的所有信息进行编码,因此当图像解压时,它将是原始的精确表示。 由于在无损压缩中不存在信息丢失,所以在大多数情况下不能实现与有损压缩一样高的压缩。 无损图像压缩的例子是PNG和GIF。 (GIF只允许8位图像。)

TIFF和BMP都是“包装”格式,因为里面的数据可以依赖于使用的压缩技术。 它可以包含压缩和未压缩的图像。

何时使用某种图像压缩格式实际上取决于被压缩的内容。

相关问题: 无情地压缩网页的大图片

你应该知道一些关键因素…

首先,有两种types的压缩: 无损和有损 。

无损意味着图像变小,但不影响质量。 有损意味着图像被制造(甚至)更小,但是损害质量。 如果您一次又一次地以有损格式保存图像,则图像质量会越来越差。

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

使用索引 ,意味着图像只能存储由图像作者select的有限数量的颜色(通常为256),而使用Direct则意味着可以存储数千种作者未select的颜色。


BMP – 无损/索引和直接

这是一个旧的格式。 它是无损的(保存时没有图像数据丢失),但是也几乎没有任何压缩,这意味着将BMP保存为非常大的文件大小。 它可以有索引和直接的调色板,但这是一个小小的安慰。 文件大小是如此之大,以至于没有人真的使用过这种格式。

好:没什么。 没有任何BMP擅长或者没有其他格式做得更好。

BMP与GIF


GIF – 无损/仅索引

GIF使用无损压缩,这意味着您可以反复保存图像,永不丢失任何数据。 文件大小比BMP小得多,因为实际使用的是良好的压缩,但它只能存储一个Indexed调色板。 这意味着文件中最多只能有256种不同的颜色。 这听起来像是一个很小的数字,而且是。

GIF图像也可以是animation和透明度。

适用于:标志,线条图和其他简单的图片,需要很小。 只有真正用于网站。

GIF vs JPEG


JPEG – 有损/直接

JPEG图像被devise成通过去除人眼不会注意到的信息来尽可能小地制作详细的照片图像。 因此,这是一种有损耗的格式,反复保存相同的文件会导致更多的数据随着时间stream逝而丢失。 它具有上千种颜色的调色板,对于照片来说非常适合,但是有损压缩意味着对于徽标和线条图不利:不仅它们看起来模糊,而且与GIF相比,这样的图像也将具有更大的文件尺寸!

适合:照片。 另外,渐变。

JPEG与GIF


PNG-8 – 无损/索引

PNG是一种较新的格式,而PNG-8(PNG的索引版本)确实是GIF的一个很好的替代品。 然而令人遗憾的是,它有一些缺点:首先它不能支持像GIF那样的animation(好吧它可以,但只有Firefox似乎支持它,不像每个浏览器支持的GIFanimation)。 其次它与IE6等旧浏览器有一些支持问题。 第三,像Photoshop这样重要的软件格式的实现很差。 (该死的,Adobe!)PNG-8只能存储256种颜色,比如GIF。

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

PNG-8与GIF

重要说明: Photoshop不支持PNG-8文件的Alpha透明度。 (该死的你,Photoshop!)虽然有办法将Photoshop PNG-24转换成PNG-8文件,同时保留它们的透明度。 一种方法是PNGQuant ,另一种是使用Fireworks保存文件。


PNG-24 – 无损/直接

PNG-24是一种将无损编码和直接颜色(数千种颜色,如JPEG)结合在一起的优秀格式。 在这方面,它非常像BMP,除了PNG实际上是压缩图像,所以会产生更小的文件。 不幸的是,PNG-24文件仍然比JPEG,GIF和PNG-8大得多,所以你仍然需要考虑是否真的想要使用它。

尽pipePNG-24在压缩的同时允许数千种颜色,但并不是要取代JPEG图像。 保存为PNG-24的照片可能至less比相应的JPEG图像大5倍,这在可见质量方面几乎没有改善。 (当然,如果您不关心文件大小,并希望获得最佳质量的图像,这可能是一个理想的结果。)

就像PNG-8一样,PNG-24也支持alpha透明。

我希望有帮助!

通常这些是:

无损压缩无损压缩algorithm在不损失图像质量的情况下减小文件大小,尽pipe它们不像有损压缩文件那样被压缩成小文件。 当图像质量高于文件大小时,通常select无损algorithm。

有损压缩有损压缩algorithm利用人眼的固有局限性并丢弃不可见信息。 大多数有损压缩algorithm允许不同的质量级别(压缩),随着这些级别的增加,文件大小会减小。 在最高压缩水平下,图像劣化变得明显,称为“压缩伪影”。 下面的图片展示了有损压缩algorithm的显着伪影; select缩略图以查看完整大小的版本。

每种格式都不同,如下所述:

JPEG JPEG(联合图像专家组)文件(在大多数情况下)是有损格式; DOS文件扩展名是JPG(其他操作系统可能使用JPEG)。 几乎每台数码相机都可以保存JPEG格式的图像,JPEG格式支持每种颜色8位(红色,绿色,蓝色),总共24位,产生相对较小的文件。 当压缩不太明显时,压缩并不会显着降低图像的质量,但是JPEG文件在重复编辑和保存时会受到代数降级的影响。 如果要重新编辑照片图像,或者JPEG“压缩algorithm造成的瑕疵”是不可接受的,那么照片图像可能会更好地以非JPEG格式存储。 JPEG格式也被用作许多Adobe PDF文件中的图像压缩algorithm。

TIFF TIFF(标记图像文件格式)是一种灵活的格式,通常可以使用TIFF或TIF文件名分别为24位和48位总计节省8位或16位(红色,绿色和蓝色) 。 TIFF的灵活性既是祝福也是诅咒,因为没有一个阅读器读取每种types的TIFF文件。 TIFF是有损和无损的; 一些为双层(黑白)图像提供相对较好的无损压缩。 一些数码相机可以保存为TIFF格式,使用LZW压缩algorithm进行无损存储。 Web浏览器不支持TIFF图像格式。 TIFF在印刷业务中仍被广泛接受为照片文件标准。 TIFF可以处理特定于设备的色彩空间,例如由特定的一组印刷油墨定义的CMYK。

PNG PNG(可移植networkinggraphics)文件格式被创build为GIF的免费开源后继。 PNG文件格式支持truecolor(1600万种颜色),而GIF仅支持256种颜色。 当图像具有大而均匀的彩色区域时,PNG文件更胜一筹。 无损PNG格式最适合编辑图片,而像JPG这样的有损格式最适合照片图像的最终分发,因为JPG文件比PNG文件小。 目前许多较旧的浏览器不支持PNG文件格式,但是在Internet Explorer 7中,所有当前的浏览器都完全支持PNG格式。 Adam7-interlacing允许提前预览,即使只有一小部分图像数据已被传输。

GIF GIF(graphics交换格式)仅限于8位调色板或256色。 这使得GIF格式适合存储相对较less颜色的graphics,如简单的图表,形状,标志和卡通风格的图像。 GIF格式支持animation,并且仍被广泛用于提供图像animation效果。 它还使用无损压缩,在大面积单一色彩时效果更好,对细节图像或抖动图像无效。

BMP BMP文件格式(Windows位图)处理Microsoft Windows操作系统中的graphics文件。 通常,BMP文件是未压缩的,因此它们很大; 其优点是它们的简单性,广泛的接受度以及在Windows程序中的使用。

用于网页/ Web应用程序

以下是将这些图像格式与网页/应用程序一起使用时的简要摘要。

  • 对于IE6和PNG来说,PNG是很棒的(需要一个小的CSS补丁才能让透明效果更好)。 伟大的插图和照片。
  • JPG是伟大的照片在线
  • 如果您不想移动到PNG,GIF对插图很有帮助
  • BMP不应该在网页上在线使用 – 浪费带宽
  • 来源: 图像文件格式

    由于其他人已经涵盖了这些差异,我会打的用途。

    TIFF通常由扫描仪使用。 它使大文件,并没有真正在应用程序中使用。

    BMP是未压缩的,也会产生巨大的文件。 它在应用程序中也没有真正使用。

    GIF曾经是networking上的所有,但由于它只支持有限数量的颜色并获得专利,已经不受欢迎。

    JPG / JPEG主要用于任何照片质量,但不适用于文本。 所使用的有损压缩趋于锋利的线条。

    PNG不像JPEG那么小,但是无损,所以对于线条清晰的图像来说是很好的select。 现在在networking上很常用。

    就个人而言,我通常在任何地方都可以使用PNG。 这是JPG和GIF之间的妥协。

    这些名称是指对像素图像数据进行编码的不同方法(JPG和JPEG是相同的,TIFF可能只是附加一些附加元数据的JPEG)。

    这些图像格式可以使用不同的压缩algorithm,不同的颜色表示,携带除图像本身之外的附加数据的不同能力,等等​​。

    对于Web应用程序,我会说jpeg或gif是足够好的。 Jpeg由于其较高的压缩比而被更经常地使用,并且gif通常被用于其中闪光灯(或类似的东西)被过度杀死或者需要透明背景的地方的轻重量animation。 PNG也可以使用,但我没有太多的经验。 BMP和TIFF可能不适合Web应用程序。

    什么coobird和杰拉尔德说。

    另外,JPEG是文件格式名称。 对于这种格式,JPG是常用的缩写文件扩展名,因为您需要对早期的Windows系统使用3个字母的文件扩展名。 同样与TIFF和TIF。

    目前,网页浏览器只能显示JPEG,PNG和GIF文件 – 所以这些可以在网页上显示。

    PNG支持alphachannel透明度。

    TIFF可以扩展选项,例如GIS应用程序的地理参考 。

    我build议只使用JPEG的照片,从来没有像剪贴画,标志,文字,图表,线条艺术的图像。

    赞成PNG。

    命名的都是光栅graphics,但除此之外别忘了越来越重要的vectorgraphics。 有压缩和未压缩的types(或多或less),但它们都是无损的。 最重要的是:

    • SVG / SVGZ
    • EPS
    • EMF /( WMF )

    JPG>联合图像专家组

    1张JPG图片支持1600万种颜色,最适合照片和复杂graphics

    2个JPG不支持透明度。

    PNG>便携式networkinggraphics

    1当GIF技术受版权保护并需要使用许可时,它被用作GIF文件格式的替代品。

    2个PNG允许比GIF多5%至25%的压缩比,并且具有更宽范围的颜色。 PNG使用二维交错,这使得它们的载入速度是GIF图像的两倍。“

    3有很多颜色或需要高级可变透明度的图像,PNG是首选的文件types。

    GIF>graphics交换格式

    1将图像中的颜色数量减less到256。

    2个GIF也支持透明度。

    3个GIF具有显示图像序列的独特能力,类似于video,称为animationGIF。

    4如果图像颜色很less,并且不需要任何高级Alpha透明度效果,GIF就是要走的路。

    SVG>可缩放vectorgraphics

    1 SVGs是一个基于XML的Web标准,它描述了二维的静态图像和animation。

    2 SVG允许您创build非常高质量的graphics和animation,不会因为大小的增加/减less而丢失细节。

    文件扩展名告诉你如何保存图像。 这些格式中的一些只是保存位,一些压缩图像的方式不同,包括无损和有损方法。 networking可以告诉你,虽然我知道一些患者反应者会在这里概述他们。

    网站主要是gif,jpg和png。 JPEG与jpg相同(或非常接近)。

    对于不同图像格式之间的指定差异和用法,已经有上面的讨论了。

    但是,我想为捕捉图片和存储它们的整个过程添加一些东西。

    捕获过程

    或者你可以说构build过程(因为我们现在可以用电脑绘制或制作图片)。 如果用相机拍摄照片,则已经使用了许多传感器(CCD或CMOS)和algorithm(拜耳模式滤波器,子采样和量化等)。还有诸如Pixel FormatColor Space类的东西。 获得基本像素信息后,必须有一种方法来存储它们。

    基本的图像文件结构

    为了将像素信息存储到一个文件中,我们需要一个约定和相关的algorithm。 为了节省空间,存在压缩,但基本上问题是将像素编码为字节并将字节解码为像素以供显示。

    一个典型的图像文件可能由几个部分组成,基本上是两个: meta data or file headerpixel data sectionmeta data告诉图像本身,可能是heightwidthfile format等。 pixel data section是处理real picture的真实section

    存储和显示

    正如我们前面所说,文件存储在硬盘上,并以字节/位表示。 所以图像文件没有优先权,但实际上也是字节stream。 为了显示,也许我们应该弄清楚监视器的工作原理。 典型的PC显示器使用RGB模型进行显示。

    希望这可以帮助:-)