代码之家  ›  专栏  ›  技术社区  ›  Ascalonian

什么时候应该使用哪种图像类型?GIF、JPG或PNG?[复制品]

  •  7
  • Ascalonian  · 技术社区  · 17 年前

    我正在尝试为自己创建一个个人主页,以了解更多关于Web设计的信息(javascript、使用照片商店等)。我计划在左边有一个图形菜单,顶部有一个横幅,还有一个“照片”部分,在这里我可以显示我拍摄的各种照片的照片。

    但是,当我查看其他类似的站点时,我看到一些使用gif,一些使用jpgs,有些甚至使用png。这些有什么区别吗?我应该使用一个GIF的图形图像上使用的网站和JPG的照片?我应该把所有东西都做成PNG吗?


    完全复制:

    10 回复  |  直到 12 年前
        1
  •  22
  •   thomasrutter    12 年前

    PNG 应在以下情况下使用:

    • 您需要透明度(1位或阿尔法透明度)
    • 无损压缩将很好地工作(例如图表或徽标,或计算机生成的图像)

    JPEG 应在以下情况下使用:

    • 无损压缩效果不佳(如照片)

    GIF 应该是什么时候:

    • PNG不可用,例如在非常旧的软件或浏览器上
    • 动画是必要的

    尽管神话恰恰相反,PNG在大多数方面都优于GIF。PNG除了动画外,还可以实现GIF的每一种图像模式,当使用相同的图像模式时,PNG由于其优于LZW的deflate算法而具有更好的压缩效果。PNG还可以使用GIF无法使用的其他模式,如24位颜色和透明度,但这是需要注意的地方:如果忘记转换为调色板模式,PNG图像可能会保存为24位颜色,这将占用更多空间。

    PNG模式包括(这只是一个子集)

    • 调色板颜色为2到256色(如GIF)
    • 调色板颜色为2到256色,透明色(如GIF)
    • 真彩色(24位彩色)
    • 带alpha通道的真彩色(24位颜色+8位alpha透明度)

    为了在PNG中对Web进行最佳压缩,请使用调色板模式。如果发现PNG文件大于等效的GIF文件,则将以24位颜色保存PNG,以调色板模式保存GIF(因为GIF始终处于调色板模式)。首先尝试转换到调色板模式。

    PNG还具有其他模式,例如具有透明度的调色板。这样的模式不能在Photoshop中创建,但其他应用程序可以创建它们。

    编辑2013:删除了一堆关于IE6兼容性的东西。

        2
  •  23
  •   TJL Geoff    13 年前
        3
  •  7
  •   Stefan Sveidqvist    17 年前

    照片使用JPG,照片除外使用PNG。对于大多数应用程序来说,GIF并不是一种很好的格式,PNG可以在压缩和质量上完全取代它,但有时也会出现兼容性问题,不确定这些问题是否已在所有当前的WebBrowser中解决。GIF基本上可以被任何东西读取,所以这是它非常有用的时候。

        4
  •  5
  •   Kornel    17 年前

    对于按钮、图标、徽标,使用PNG。只有在需要小动画图像时才使用GIF。

    PNG可以做GIF所能做的一切(除了动画,甚至APNG中的动画),而且应该总是更小。如果png不小于gif,那么您的软件可能保存得很差-寻找png优化程序,如pngout和pngnq。

        5
  •  4
  •   Tim Cooper    13 年前

    GIF有问题:

    • 它最多支持256种颜色。
    • 它使用专利的压缩算法。

    但它确实有一个优势:

    • 它可以用来显示动画

    jpeg可以比png/gif有更高的压缩比,但是有损于上面的卡通演示。它最好用于压缩伪影不明显的图像,例如照片。

    将图像组合成纹理,并使用CSS将其解包,将稍微减小大小,并减少服务器请求的数量。

        6
  •  3
  •   typeoneerror    17 年前

    取决于要创建的内容。通常,对于Web图形,使用PNG。对于照片,JPG是可以的。24位PNG支持alpha transpancy,所以如果你想使用“真彩色”alpha透明,这是你唯一的选择。8位PNG比GIF更好、更小,并且与GIF(索引色托盘)具有几乎相同的透明度设置,因此没有理由再使用GIF(除非您正在制作……喘气……动画GIF?).remember PNG格式是无损压缩,所以最好是压缩的JPG格式。要记住的一点是,在InternetExplorer6及以下版本中支持PNG可能会很痛苦,但有许多解决方法。

        7
  •  3
  •   kender    17 年前

    GIF-无损耗,小,但限于256色,并具有一位透明度(透明或不透明)

    jpeg-更大,没有小的颜色限制,有损。最适合拍照。

    PNG-无损耗,透明度更好(alpha通道),但IE6不支持alpha,只支持特殊修复( fix here )

        8
  •  1
  •   Mark Pim    17 年前

    GIF最适合有大量纯色的图像-JPEG最适合有大量颜色变化的图像(编辑:谢谢,克莱特斯)。PNG是一种更新的格式,通常比GIF的jpeg更好,尤其是屏幕截图。

    http://www.ou.edu/class/digitalmedia/articles/CompressionMethods_Gif_Jpeg_PNG.html

        9
  •  0
  •   Treb    17 年前

    一般来说,jpeg更适合照片,而gif更适合图形对象,如按钮或渲染的字母。 巴布亚新几内亚在这两方面都很好,但这种讨论往往有点宗教化,因为如果您开发一个读/写gif或jpeg的程序,而巴布亚新几内亚是免费的,就需要支付许可费。

    区别主要在于压缩,gif按钮的文件大小较小,jpeg按钮的照片大小较小。

    我的最佳建议是使用所有三种格式提供的不同压缩选项,并亲自查看要用于哪种目的的压缩选项。

    哦,因为这主要是关于文件大小的:看看你是否可以从一台低带宽连接的计算机上测试你的主页。这样,如果您需要担心压缩问题,您会有一种感觉;-)

        10
  •  0
  •   cdonner    17 年前

    历史上,GIF首先出现在这里,然后是JPG,然后是PNG。

    对于具有相同颜色的大区域(例如白色背景)的图像,GIF非常有效,因为RLL编码可以很好地压缩它。然而,GIF是一种专利技术(Unisys),使用越来越少。颜色深度限制在256色(我想)。

    JPG和PNG对于大多数应用程序都很好,但是对于非常简单的图形,文件将比GIF大。GIF可以处理透明度和动画。

    编辑:你是对的-专利于2006年10月1日到期。

    推荐文章