用GIF代替PNG

在设计网站LOGO的时候，大多数情况下我们都会选择PNG格式的图片，原因很简单，因为PNG支持全透明，不会遮盖背景的显示。但是IE6很不给面子，唯独IE6的浏览器在处理PNG-24和PNG-32的透明图片时会有灰底。不过这一麻烦事也早就被解决了，不外乎是用JS、滤镜、Hack等方法把IE6独立出来。

在YSlow的14条优化网站法则中，都不是很提倡用以上三种方法，有则改之，无则加勉咯。正好，我也不会用JS、滤镜和Hack这些方法，我的方法很原始——用GIF代替PNG。GIF是一种无损图片格式，而且支持动画，更重要的是GIF也支持全透明，只是在同等质量下比PNG格式的图片体积稍大一些。

下面贴两张图比较下：

在IE7＋或者Firefox浏览本篇文章，应该看到以上两张图片是一样的；若是用IE6的浏览器，则第二张图应该显示灰底。因为第一张图我用的GIF格式，无需另外处理就可以在各核心各版本的浏览器完美显示，而第二张图用的是PNG格式，所以在IE6下就会显示灰色。这就是我为什么用GIF代替PNG的原因。

有这两张图应该比我写一大堆文字直观多了。