小型网站图片的哪种格式?是GIF还是PNG?

时间:2020-03-06 14:32:54  来源:igfitidea点击:

在为网站制作小图标,标题图形等时,使用GIF或者PNG更好吗?

显然,如果需要透明效果,那么PNG绝对是必经之路,对于较大的照片图像,我将使用JPEG,但对于普通的网络"家具",我们会建议这样做,为什么?它可能只是我正在使用的工具,但是GIF文件通常似乎比可比较的PNG小,但使用它们似乎就像是在1987年。

解决方案

我将jpg用于所有非透明图像。我们可以控制压缩,这是我喜欢的。我找到了比较这两个网站的网站。 jpg较小,看起来更好。

就我个人而言,我在图片中经常使用gif,因为它们在任何地方都可以使用,显然透明度限制是将某人导向特定格式的一个关键要素。

我看不到使用gif的任何缺点。

如果它们变小了,而使用PNG提供的功能(alpha通道透明度和超过256种颜色)则无济于事,那么我不认为我们应该使用PNG。

从法律的角度来看,在GIF上使用PNG的主要原因如下:

http://www.cloanto.com/users/mcb/199​​50127giflzw.html

专利显然已于2004年到期,但是我们可以将PNG用作GIF开源软件的想法吸引了很多人。

(png开源参考:http://www.linuxtoday.com/news_story.php3?ltsn = 1999-09-09-021-04-PS)

我认为这并没有太大的不同(客户不在乎)。我个人会选择PNG,因为它们是W3C标准。

注意PNG透明效果:它们不适用于IE6.

通常,PNG永远不会比GIF差,并且由于具有出色的压缩效果,因此通常比GIF更好。在某些极端情况下,GIF会稍好一些(因为PNG格式的元数据开销可能会稍大),但这确实不值得担心。

It may just be the tools I'm using, but GIF files usually seem to be a bit smaller than a comparible PNG

这确实可能是由于我们使用的编码工具所致。

/编辑:哇,似乎对PNG文件大小有很多误解。引用马特:

There's nothing wrong with GIFs for images with few colours, and as you have noticed they tend to be smaller.

这是一个典型的编码错误,不是格式固有的。我们可以控制颜色深度并使PNG文件变小。请参阅Wikipedia文章中的相关部分。

另外,Chrono吹响了MSIE6中缺乏支持的情况:

If you need transparency and can get by with GIFs, then I'd recommend them because IE6 supports them. IE6 doesn't do well with transparent PNGs.

错了MSIE6确实支持PNG透明性。它不支持alpha通道(没有一些技巧),但这是另一回事,因为GIF根本没有它。

使用GIF而不是PNG的唯一技术原因是使用需要动画并且不想依赖其他格式时。

GIF的主要问题是它是一种专利保护的格式(编辑:这显然不再适用)。如果我们不在乎,请随时使用GIF。与GIF相比,PNG具有更大的灵活性,尤其是在色彩空间方面,但是这种灵活性通常意味着我们需要在发布PNG之前对其进行"优化"。网络搜索应为此目的找到适合我们平台的工具。

当然,如果我们想要动画,则GIF是唯一的选择,因为MNG出于某种原因基本上不是入门者。

gif文件趋向于变小一些,因为它们不支持透明度alpha通道(可能还有其他原因)。就我个人而言,我不认为大小差异真的值得像以往那样担心。现在,大多数人都在通过某种宽带使用网络,因此我怀疑他们会注意到两者之间的区别。

使用最适合操作工具的图像类型可能更重要。

另外,我喜欢将图像放置在任何背景上并具有阴影效果的功能,这使我更倾向于png格式。

W3C提到了PNG相对于GIF的3个优势。

? Alpha通道(可变
透明度),

?跨平台伽玛校正
(控制图像亮度)和
色彩校正

?二维隔行扫描
渐进显示方法)。

另外,请查看以下资源以获取指导:

  • PNG v的GIF(W3C指南)
  • PNG常见问题

由于大小,我通常使用gif,但是也有png-8,也就是256色。

如果我们需要精美的半透明材料,请使用png-24.

我通常在photoshop中使用"为网络保存"功能,该功能可让我们摆弄文件类型,颜色数量等并在保存之前查看结果。当然,我会使用最小的,但在我看来仍然不错。

对于计算机生成的图形(即我们自己在Photoshop,Gimp等中绘制的图形),JPG是不可能的,因为它是有损的,即我们会获得随机的灰色像素。对于静态图像,PNG在各个方面都比较好:颜色更多,可缩放的透明度(例如10%透明,.gif仅支持0%和100%),但是存在一些Internet Explorer版本不执行PNG的问题正确的透明性,因此我们会得到看起来很丑陋的平坦非透明背景。如果我们不关心那些IE用户,请使用PNG。

顺便说一句,如果我们要动画,请选择GIF。

对于网络上的图像,每种格式都有其优缺点。对于照片类型的图像(即,很多颜色,没有硬边),请使用JPEG。

对于图标等,我们可以在PNG和GIF之间进行选择。 GIF仅限256色。 PNG可以像GIF一样格式化(即256色,具有1位透明性,可以在IE6中使用),但是对于小图像,它们比GIF稍大。 24位PNG支持大色域和alpha透明性(尽管在IE6中很麻烦)。

PNGS是我们唯一真正明智的选择,例如屏幕截图(即很多颜色和硬边),并且个人而言,这就是我通常坚持的做法,除非我拥有一些更适合JPEG的东西(例如照片) )。

哇,我对这里所有的错误答案感到非常惊讶。正确优化后,PNG-8始终会小于GIF。只需通过PngCrush或者任何其他PNG优化例程运行PNG-8文件。

要了解的关键事项:

  • PNG8和GIF无损<= 256色
  • PNG8始终可以小于GIF
  • 除非需要动画,否则永远不要使用GIF

而且当然,

  • 使用JPG拍摄黑白或者全彩色摄影图像
  • 将PNG用于低色,艺术线条,屏幕截图类型的图像

索引的PNG(少于256种颜色)实际上总是小于gif,因此我大部分时间都使用该索引。

PNG是GIF文件的100%替代,并且我们可能会遇到的所有Web浏览器都支持PNG。

在极少数情况下,最好使用GIF。最重要的动画是动画-GIF89a标准支持动画,并且实际上每个浏览器都支持动画,但是普通的旧PNG格式不支持动画-我们需要为此使用MNG,因为它对浏览器的支持有限。

几乎所有浏览器都支持PNG文件中的单位透明度(GIF格式提供的透明度类型)。 IE6中缺少对PNG的完整8位透明性的支持,但是对于大多数情况,可以通过一点CSS魔术来纠正。

如果PNG文件比等效的GIF文件大,那么几乎可以肯定是因为源图像具有256种以上的颜色。 GIF文件被索引为最大256色的调色板,而大多数图形程序中的PNG文件默认情况下以24位无损格式保存。如果文件大小比准确的颜色更重要,请将文件另存为8位索引PNG,它应等效于GIF或者更好。

可以结合使用带有不可替代标志的动画帧和多个调色板来"破解" GIF文件,使其具有256种以上的颜色,但是自PNG出现以来,这种方法实际上已经被人们遗忘了。

使用PNG时请小心色移。此链接提供了一个示例,其中包含更多带有进一步说明的链接:

http://www.hanselman.com/blog/GammaCorrectionAndColorCorrectionPNGIsStillTooHard.aspx

GIF图像不受此问题的影响。

"这可能只是我正在使用的工具,但GIF文件通常似乎比可比较的PNG小,但使用它们似乎就像是在1987年。"

这可能是工具。从PNG常见问题解答中:

"造成这种现象的主要原因有两个:比较苹果和桔子(即不比较相同的图像类型),以及使用不良工具。"继续...

但是,我们始终可以尝试同时保存为两者(使用相同的色深),然后查看结果变小了。

当然,如果我们要为网站标准化一种图形格式,则PNG可能是最好的使用方式。