终于解决favicon.ico无法显示的问题

很久以前就做好了favicon.ico,在浏览器的地址栏前面也显示正常.但是收藏在Firefox的书签工具栏里的时候,这个图标无法显示,所以显示的是空白页: .

我以为是Firefox2.0的问题,因为我用Firefox3.0beta的时候图标显示的非常好,只要在书签工具栏里收藏了这个网站,马上就会显示图标.所以我认为是Firefox2.0的bug.

今天sofish做了一个博客圈的RSS聚合.我再次发现favicon的问题,我的图标没有显示.我开始想,也许不是Firefox的问题.因为Firefox2.0显示别人网站的favicon都没问题,但是我的独独出错.可能是我的某些地方没有写标准.

我先把注意力放在了代码的书写上.

有以上这几种写法,都差不多.而且,如果favicon.ico放在根目录之下的话,可以省略这些代码.如果不在根目录下,就要给出地址了.我的代码没问题,ico的名字也是favicon.ico,放在根目录下, 很规范,所以问题不是出在这上面.

然后我就想到了难道是ico文件的问题.这个是我自己用photoshop画的,然后转成了ico,可能对于网络图标的有些规范或者约定俗成的东西没有注意.然后我打开了几个显示良好的blog的ico文件,还有我的ico文件,查看属性.

我首先以为是尺寸的问题,但是发现没有区别,都是16*16.再对比一下,发现问题可能出在ico文件的大小上面.一般的favicon.ico只有1-2K,我的有20+K.所以我换了漫步的图标,试试,硬刷新以后,书签栏上的书签显示良好了

我的结论是,favicon的大小虽然没有被规定应该是多大,但是还是小一点比较好,Firefox3.0还是beta版的浏览器,以后的网络可能会对大的favicon.ico更加宽容,但是现在,还是约定用小一点的图标吧.加载也快一点.

你的favicon显示有问题吗?看看它的大小是否合适吧.还有问题?留言告诉我吧

2 comments