在网站中使用PNG图像

Question

在网站中使用PNG图像可以吗？我没有真正看到他们使用太多，所以想知道缺点是什么。必须有一些作为想必大家会使用他们呢？......

他们是，例如，MSIE和Chrome兼容等等

Answer 1

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

Answer 2

除非您使用过滤器，否则IE 6将只在PNG图像中呈现类GIF透明度。
欲了解更多详情，请参见here

除此之外，它们工作正常，现在它们变得更受欢迎。

Answer 3

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

尽管PNG是唯一允许您使用透明度的格式，但您可能希望对较大的图片使用JPG（这通常是有损压缩格式）。

你猜怎么着？即使谷歌正在使用png图片作为奥林匹克徽标。

Answer 4

下面是执行其头版上的PNG一些财富500强公司网站：

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

实际上，我发现没有（我只看到约10）的唯一一个是西门子公司

Answer 5

PNG实际上很经常使用今天。很少有这些网站至少没有几个PNG。他们也不怕。唯一存在的问题是IE6，并且有两种可能的解决方案：

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

Answer 6

让我们不要忘记堆栈溢出标志是一个PNG，使用它的另一个原因！

Answer 7

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

然而，陪审团仍然在他们的使用一般。他们似乎是小标志和图标，但对于大型详细的图像特别好，GIF是文件的大小在很大程度上具有可比性和JPEG仍具有最佳的整体文件大小，以质量比（这可以使一个很大的区别，以网站的加载时间）。

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

Answer 8

是的，它可以使用PNG，但有一些值得指出的东西。

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

• 它通常不要混用（如重叠）与其他图像类型png格式，如JPEG文件是一个好主意。尽管它们具有相同的背景颜色，但IE可能会显示稍微不同的内容，因此它们不会很好地混合。

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

• 嵌套半透明表面可以是在某些浏览器速度很慢。