哪个格式的小网站图片? GIF或PNG?
当为网站做小图标,标题graphics等时,使用GIF或PNG会更好吗?
显然,如果需要透明效果,那么PNG肯定是要走的路,而对于更大,更多的照片图像,我会使用JPEG – 但是对于正常的networking“家具”,你会推荐,为什么? 这可能只是我正在使用的工具,但GIF文件通常看起来比可比的PNG小一些,但是使用它们看起来好像是在1987年。
一般来说,PNG永远不会更糟糕,而且由于优越的压缩性,它通常比GIF更好。 在GIF稍好的情况下(因为PNG格式的元数据开销可能会稍微大一点),可能会有一些边缘情况,但是真的不值得担心。
它可能只是我正在使用的工具,但GIF文件通常看起来比可比较的PNG小一些
这可能确实是由于您使用的编码工具。
/编辑:哇,似乎有很多关于PNG文件大小的误解。 引用马特:
GIF对于颜色很less的图像没有任何问题,正如您注意到的那样,它们往往会变小。
这是一个典型的编码错误,并不是格式中固有的。 您可以控制颜色深度,并使PNG文件尽可能小。 请参阅维基百科文章中的相关部分 。
另外,Chieo在MSIE6中缺乏支持,
如果您需要透明度并且可以通过GIF获取,那么我会推荐他们,因为IE6支持它们。 IE6对透明PNG不太好。
那是错的 MSIE6 确实支持PNG透明度。 它不支持alpha通道(没有less数黑客),但是这是一个不同的问题,因为GIF根本就没有它。
使用GIF代替PNG的唯一技术原因是使用时需要animation,而不想依赖于其他格式。
W3C提到PNG优于GIF的三个优点。
•Alpha通道(可变透明度),
•跨平台伽马校正(控制图像亮度)和色彩校正
•二维交错(逐行显示的方法)。
另外,请看这些资源来指导:
- PNG v的GIF(W3C指导)
- PNG常见问题
哇,我真的很惊讶,在这里有所有错误的答案。 经过适当优化后,PNG-8将始终小于GIF。 只需通过PngCrush或任何其他PNG优化例程运行您的PNG-8文件。
关键的事情要了解:
- PNG8和GIF是无损<= 256色
- PNG8总是可以比GIF小
- 除非您需要animation,否则不应使用GIF
而且当然,
- 将JPG用于黑白或全彩摄影图像
- 使用PNG低颜色,线条艺术,截图types的图像
这里介绍了从法律angular度使用PNG的主要原因:
http://www.cloanto.com/users/mcb/19950127giflzw.html
这些专利在2004年显然已经过期,但是可以使用PNG作为GIF的开放源码的想法吸引了很多人。
(png开源参考: http : //www.linuxtoday.com/news_story.php3? ltsn=1999-09-09-021-04-PS)
使用PNG时要小心颜色偏移。 这个链接给出了一个例子,并包含更多的链接和进一步的解释:
http://www.hanselman.com/blog/GammaCorrectionAndColorCorrectionPNGIsStillTooHard.aspx
GIF图像不受此问题。
我不认为它有很大的不同(客户不关心)。 我个人会selectPNG,因为它们是W3C标准。
请谨慎使用PNG透明效果:它们不适用于IE6。
对于networking上的图像,每种格式都有其优点和缺点。 对于照片types的图像(即大量和许多颜色,没有硬边缘)使用JPEG。
对于图标之类的,你可以selectPNG和GIF。 GIF限制为256种颜色。 PNG格式可以像GIF一样(即256色,1位透明度可以在IE6中工作),但对于小图像,它们比GIF 略大 。 24位PNG支持大的色域和alpha透明度(虽然在IE6中很麻烦)。
PNGS是你截图(即颜色和硬边缘)的唯一真正明智的select,并且在个人情况下,这是我大部分时间所坚持的,除非我有一些JPEG更适合的东西(比如照片)。
索引的PNG(less于256色)实际上总是比gif小,所以我大部分时间都使用它。
对于计算机生成的graphics(即由Photoshop,Gimp等自己绘制)JPG是不可能的,因为它是有损的 – 即你得到随机的灰色像素。 对于静态图片来说,PNG在各方面都比较好:更多的颜色,可伸缩的透明度(比如透明度10%,.gif只支持0%和100%),但是有些版本的IE浏览器不能做PNG透明度正确,所以你得到平坦的不透明的背景,看起来丑陋。 如果你不关心那些IE用户,那么去PNG。
顺便说一句,如果你想animation,去GIF。
PNG是GIF文件的100%替代品,并且您可能遇到的所有networking浏览器都支持此function。
有很less的情况下GIF将是可取的。 最重要的是animation–GIF89a标准支持animation,实际上每个浏览器都支持,但是普通的PNG格式不支持 – 你需要使用MNG,因为它支持浏览器。
实际上,所有浏览器都支持PNG文件中的单位透明度(GIF格式提供的透明度types)。 IE6缺乏对PNG全部8位透明度的支持,但是可以通过一点CSS魔法来纠正大多数情况。
如果您的PNG文件比等效的GIF文件大,几乎肯定是因为您的源图像具有超过256种颜色。 GIF文件被索引到256色的最大调色板,而大多数graphics程序中的PNG文件默认保存为24位无损格式。 如果文件大小比准确的颜色更重要,请将文件保存为8位索引的PNG,并且应该等于GIF或更好。
使用带有不可replace标志和多个调色板的animation帧的组合,可以“黑客入侵”GIF文件,使其具有超过256种颜色,但自从PNG出现以来,这种方法几乎被遗忘了。
GIF的主要问题是它是一种专利devise的格式(编辑:这显然不再是真实的)。 如果你不在乎,可以随意使用GIF。 与GIF相比,PNG具有更大的灵活性,特别是在色彩空间方面,但灵活性通常意味着您需要在发布PNG之前对其进行“优化”。 networkingsearch应该为您的平台find工具。
当然,如果你想要animation,GIF是唯一的出路,因为由于某种原因,MNG基本上是一个非首发。
“这可能只是我正在使用的工具,但GIF文件通常看起来比可比的PNG小一些,但使用它们看起来好像是1987年。”
这可能是你的工具。 来自PNG常见问题解答:
“这个现象背后有两个主要原因:比较苹果和橙子(即不比较相同的图像types),并使用坏的工具。 继续…
但是,你总是可以尝试保存两个(使用相同的颜色深度),看看哪个更小。
当然,如果你想为你的网站制定一个graphics格式的标准,PNG可能是最好的一个。
就我个人而言,我使用GIF相当一些,因为他们在任何地方工作,显然你的透明度限制是一个关键的元素,可以指导某个特定的格式。
我没有看到使用GIF的任何垮台。
如果他们变得更小,并且使用PNG提供的function(这是Alpha通道透明度和超过256色),您没有任何收获,那么我没有理由为什么您应该使用PNG。
gif文件往往会稍微小一点,因为它们不支持透明度alpha通道(也可能是其他原因)。 就个人而言,我不觉得尺寸差异真的值得几乎像过去一样担心。 现在大多数人都在用某种宽带来使用networking,所以我怀疑他们会注意到一个区别。
使用您的操作工具最适合的图像types可能更重要。
另外,我喜欢在任何背景上放置图像并具有投影function的能力,这更加指向了png格式。
我通常使用gif的大小,但也有256色的png-8。
如果你需要半透明的东西,然后使用png-24。
我通常在photoshop中使用“save for web”function,可以让你在保存之前查看文件types,颜色数量等。 当然我会尽可能使用尽可能小的东西。
我使用JPG来处理所有不透明的图像。 你可以控制压缩,我喜欢。 我发现这个网站比较两个。 JPG更小,看起来更好。