回答
它们可以就好了使用这些天。较早版本的IE(6.0及更早版本)不支持它们的所有透明模式,这是人们避开格式的最大原因。其他浏览器,如Firefox,Chrome,Opera,Konqueror或Links没有这样的问题。
除非您使用过滤器,否则IE 6将只在PNG图像中呈现类GIF透明度。
欲了解更多详情,请参见here
除此之外,它们工作正常,现在它们变得更受欢迎。
下面是执行其头版上的PNG一些财富500强公司网站:
- microsoft.com
- apple.com
- google.com(谷歌的标志是一个PNG)
- hp.com(他们实际上使用twinhelix的IEPNGFIX和透明PNG)
实际上,我发现没有(我只看到约10)的唯一一个是西门子公司
PNG实际上很经常使用今天。很少有这些网站至少没有几个PNG。他们也不怕。唯一存在的问题是IE6,并且有两种可能的解决方案:
- DirectX过滤器。只是谷歌,网络充满了这一点。它的工作原理没有对PNG文件进行任何修改,但有一些GOTCHA--就像透明区域对用户输入(点击)也是透明的,你不能将它与另一个背景图片结合起来。
- 设置PNG的背景颜色。这不需要在网页上有任何特殊的编码,但并不总是合适的。这个想法是,一个PNG文件可以指定一个默认的“背景”颜色和IE6荣幸。由于PNG经常显示在一个坚实的或接近坚实的背景上,所以这个效果非常好。使用TweakPNG实用程序设置背景。
让我们不要忘记堆栈溢出标志是一个PNG,使用它的另一个原因!
PNG是一种更通用的网络图形格式,具有出色的alpha透明度以及良好的压缩和无专有限制(当Compuserve声称拥有所使用的压缩格式时,GIF曾经是长期IP版权案例的主题) 。
然而,陪审团仍然在他们的使用一般。他们似乎是小标志和图标,但对于大型详细的图像特别好,GIF是文件的大小在很大程度上具有可比性和JPEG仍具有最佳的整体文件大小,以质量比(这可以使一个很大的区别,以网站的加载时间)。
PNG作为一种格式正在获得牵引力,你可以期待看到它在你看起来越来越多的地方使用。仅alpha透明度功能使PNG成为有趣的界面元素的有用格式,例如覆盖和切面。
如果大的GIF图片花费的时间比PNG少字节,那么你必须有糟糕的PNG软件(如Photoshop),或使用PNG24而非PNG8。 PNG压缩严格优越,图像越大,其优势就越大。尝试PNG优化器,如ImageOptim或TinyPNG。 – Kornel 2013-05-04 19:08:28
是的,它可以使用PNG,但有一些值得指出的东西。
Internet Explorer 6不支持透明度。 正如一些评论指出的,你可以使用过滤器来解决这个问题。但是,在相对容器上使用它时会弹出某些问题,或者使用后台重复。我个人使用的vml implementation没有这些问题。
它通常不要混用(如重叠)与其他图像类型png格式,如JPEG文件是一个好主意。尽管它们具有相同的背景颜色,但IE可能会显示稍微不同的内容,因此它们不会很好地混合。
Mac OS X使用存储的伽马校正渲染png。您可能需要删除它。我使用pngcrush。
嵌套半透明表面可以是在某些浏览器速度很慢。
即使这是可修复的,但:http://www.twinhelix.com/css/iepngfix/(有点,因为他们只声称近原生)。 – ehdv 2010-02-28 18:50:46