favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上，是展示网站个性的缩略logo标志，也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的。
除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。
一般站长的做法，就是将网站图标文件favicon.ico放到网站根目录，就不管了。
其实，为了更好的兼容性，正确的做法应该是在header添加如下的META申明：
<head>
…
<link rel=“shortcut icon” href=“/favicon.ico” />
<link rel=“bookmark” href=“/favicon.ico” type=“image/x-icon” />
…
</head>
如果，你想展现个性，还可以弄一个动态的网站图标，申明方法如下：
<link rel=”icon” href=”/favicon.gif” type=”image/gif” />
很多人并不清楚，网站图标到底做成多大合适，16*16？还是32*32？甚至是128*128？？
蛋疼的是，很多人会想当然的认为，这尺寸越大越清晰，展示起来越给力！于是就出现了前文所说的140kb的笑话。
根据我实际测试，超过32*32，不但效果没有明显改变，而且还会导致某些浏览器无法展示！之前的谷歌网站图标缓存服务器，超过16kb就不会缓存，而是直接展示默认的图标。而16*16和32*32的网站图标，实际展示在浏览器标签栏的效果也没有很明显的区别。
但是，受心理作用的影响，我依然固执的选择了32*32作为我所有站点的网站图标。这个大小是比较和谐的，既照顾了浏览器，也照顾了你的心理。大小一般也就4k多。
所以，对于网站图标的大小，张戈给出的建议是16*16或者32*32，再大是完全没有必要的！效果不见涨，还可能影响网站速度。
微信扫一扫，打赏作者吧～转载请注明：苏demo的别样人生 » 关于favicon.ico的那些事
