㈠定义
⑴所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。
⑵根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。
㈡应用
⑴中文名称是网站头像。在我们的网站建设中，为网站打造一个契合网站主题的个性化标志则是必需的。
⑵favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是网站头像，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的。
⑶favicon也并不只是仅仅让网站给人更专业的观感，也可以在一定程度上减轻服务器的流量带宽占用，一般为了提高网站的可用性，都会为自己的网站创建一个自定义的404错误文件，在这种情况下，如果网站没有相应的favicon.ico文件，每当有用户收藏网站/网页时， Web服务器都会调用这个自定义的404文件，并在网站的错误日志中记录。这显然是应该予以避免的。
㈢制作
常用的Favicon.ico图标有3种16×16、32×32、48×48。
第一种方法：
1）制作一个16×16像素的favicon.ico图片，上传到网站根目录下。
2）把这段代码放在网页head区域里就行了。
注：这种方式，ico文件的名称一定要叫：favicon.
第二种方法：在线制作
1）首先准备处理logo图片，格式可以是jpg或者PNG格式的。
使用PS，新建图层 100px*100px，logo图片置入
注意：这里图片的尺寸没有特别要求，但是大小限制在500k以内。
2）考虑到ico图标为正方形，且实际显示的尺寸是极小的，所以logo如果太大，建议选取里边最有辨识度的一部分作为ico图标。
logo最好刚刚充盈整个图层。
3）保存为 .jpg .jpeg .gif .png等图像格式都可以，但是一般建议保存为 .jpg 、.png，比较好操作。
4）在网页搜索“ico”或“比特虫”，就能找到该网页工具。
上传文件，一般默认尺寸，填好验证码，生成即可！
将其下载到电脑里。
也可以在这个网站上制作：（1） http://www.faviconico.org/
（2）http://www.atool9.com/ico.php
5）.ico图标完成！
在网站后台找到原来的favicon.ico文件，将新的bitbug_favicon.ico改为favicon.ico，替换即可。
注：favicon的格式不一定是ico格式，它可以是png，jpg甚至是gif，不过ico格式是所有浏览器都支持的。
㈣使用方式
1）怎么查看一个网站的favicon.ico呢？
在公司的网址后输入/favicon.ico；
2）在html中引入favicon.ico
将favicon.ico放入于html在同一个目录中，然后引入：
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
放在title后面，head里面。
㈤网页上调用
浏览器调用favicon的原理是首先在网页所在目录寻找favicon.ico文件，如果没有找到就去网站的根目录寻找。所以最简单的方法就是将制作好的favicon文件命名为favicon.ico然后上传到网站的根目录下。
如果需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，在Html中的<head>部分加入如下的代码：
<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >
含义：在浏览器标签中显示favicon，在收藏夹中显示favicon。
㈥更新
favicon.ico如何更新?
⑴如何更新favicon.ico图标,因为本地浏览器存在的缓存可能无法及时更新favicon.ico图标。 关闭所有打开的浏览器，并清空浏览器缓存。
⑵打开网站并加入收藏夹。 关闭浏览器,重新打开网站,就更新了。 若此时还未更新favicon.ico图标,请稍等一会再打开浏览尝试。
⑶如果是用360浏览器，无法更新，清除缓存的地址是C:Documents and SettingsAdministratorApplication Data360sedataico；
这个位置记录你所浏览的网站的ico，删除你想更新的ico文件就好了，关掉浏览器，重新打开网站就更新了。
⑷如果使用的火狐或者chrome浏览器，则更新更加简单，使用火狐和chrome的隐私模式进行浏览即可更新缓存。
参考：https://baike.baidu.com/item/favicon.ico/8944811?fr=aladdin