一、favicon 是什么

众所周知，联盟成员导航是中国博客联盟的特色之一。而网站图标则是导航的装饰之一，起到锦上添花的作用，让页面更精美耐看。

二、怎么设置 favicon

内容来源：https://www.cnblogs.com/wangrong/p/6295872.html

<link rel="shortcut icon" href="favicon.ico" /> <link rel="icon" href="animated_favicon.gif" type="image/gif" />
<!-- 备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon -->

只有第一行是必须的 因为shortcut icon字符串将被多数遵守标准的浏览器识别为列出可能的关键词（shortcut将被忽略，而仅适用icon）；

而 Internet Explorer 将会把它作为一个单独的名称（shortcut icon）。

这样做的结果是所有浏览器都可以理解此代码。

只有当希望为新浏览器提供另一种备用图像（例如动画 GIF）时，才有必要添加第二行。

三、图标大小

内容来源：https://zhangge.net/4344.html
大小选择 16 _ 16 或者 32 _ 32 就可以了

很多人并不清楚，网站图标到底做成多大合适，16 _ 16？还是 32 _ 32？甚至是 128 * 128？？

蛋疼的是，很多人会想当然的认为，这尺寸越大越清晰，展示起来越给力！于是就出现了前文所说的 140kb 的笑话。

根据我实际测试，超过 32 _ 32，不但效果没有明显改变，而且还会导致某些浏览器无法展示！之前的谷歌网站图标缓存服务器，超过 16kb 就不会缓存，而是直接展示默认的图标。而 16 _ 16 和 32 * 32 的网站图标，实际展示在浏览器标签栏的效果也没有很明显的区别。

但是，受心理作用的影响，我依然固执的选择了 32 * 32 作为我所有站点的网站图标。这个大小是比较和谐的，既照顾了浏览器，也照顾了你的心理。大小一般也就 4k 多。

所以，对于网站图标的大小，张戈给出的建议是 16 _ 16 或者 32 _ 32，再大是完全没有必要的！效果不见涨，还可能影响网站速度。