在网站中使用PNG图像

Question

在网站上使用PNG图像是否可以？我没有真正看到他们使用太多，所以想知道缺点是什么。必须有一些肯定每个人都会使用它们吗？...

例如，它们是否符合MSIE和Chrome标准等......

Answer 1

IE 6只会在PNG图像中呈现类似GIF的透明度，除非您使用过滤器 有关详细信息，请参阅here

除此之外，它们运作良好，现在它们变得越来越受欢迎。

Answer 2

以下是一些在首页实施PNG的财富500强企业网站：

  

  
• microsoft.com
  
• apple.com
  
• google.com（谷歌徽标是PNG）
  
• hp.com（他们实际上使用的是twinhelix的IEPNGFIX和透明的PNG）
  

实际上我发现的唯一没有（我只看了大约10个）的是Siemens.com

Answer 3

这些天它们可以使用得很好。较旧版本的IE（6.0及更早版本）不支持它们的所有透明模式，这是人们避免使用格式的最大原因。其他浏览器，如Firefox，Chrome，Opera，Konqueror或Links都没有这样的问题。

Answer 4

是的，可以使用png，但有些事情值得指出。

• Internet Explorer 6不支持透明度。 正如几条评论所指出的，您可以使用过滤器来解决此问题。但是，在相对容器上使用它时会弹出某些问题，或者使用背景重复。我个人使用没有这些问题的vml implementation。

• 将png与其他图像类型（如jpeg）混合（如重叠）通常不是一个好主意。即使它们具有相同的背景颜色，IE可能会显示它们略有不同，因此它们并没有真正融合得很好。

• Mac OS X使用存储的伽马校正渲染png。您可能需要将其删除。我用pngcrush。

• 在某些浏览器上嵌套的半透明曲面可能会非常慢。

Answer 5

PNG文件往往成为当今的标准，特别是因为PNG是一种为网络精心设计的开放格式。 W3C建议在网站上使用PNG，因为使用PNG会在处理图形，徽标等时产生更紧凑的文件.PNG是一种无损压缩格式。

虽然PNG是唯一允许您使用透明度的格式，但您可能希望将JPG（主要是有损压缩格式）用于较大的图片。

猜猜是什么？甚至谷歌也在使用png图像作为其奥运标志。

Answer 6

今天非常经常使用PNG。没有至少几个PNG的网站很少。而且他们也不会害怕。唯一的问题是IE6，它有两种可能的解决方案：

• DirectX过滤器。只是谷歌，网络充满了这一点。它可以在不对PN​​G文件进行任何修改的情况下工作，但是有一些GOTCHA - 就像透明区域对用户输入（点击）也是透明的，你不能将它与其他背景图片结合起来。
• 设置PNG的背景颜色。这不需要在网页中进行任何特殊编码，但并不总是合适的。这个想法是PNG文件可以指定默认的“背景”颜色，而IE6则尊重这一点。由于PNG经常显示在坚固或接近实心的背景上，因此效果非常好。使用TweakPNG实用程序设置背景。

Answer 7

不要忘记Stack Overflow徽标是PNG，是使用它的另一个原因！

Answer 8

PNG是一种用于网络的更通用的图形格式，具有出色的Alpha透明度以及良好的压缩性和无专有限制（当Compuserve声称使用压缩格式的所有权时，GIF曾经是长期知识产权案件的主题）。

但是，陪审团仍然没有使用它们。它们看起来特别适合小型徽标和图标，但对于大型详细图像，GIF在文件大小上大致相当，而JPEG仍然具有最佳的整体文件大小与质量比（这可能对网站的加载时间产生很大影响） ）。

PNG作为一种格式正在获得牵引力，你可以期待看到它在你看的任何地方被越来越多地使用。单独的alpha透明度功能使PNG成为有趣的界面元素的有用格式，例如叠加和切割。