favicon/ico图标在线制作

1、favicon.ico通常用作网址url的前置缩略图,作为网站标志,favicon.ico显示在浏览器的地址栏或标签上,如下图圈中的地方，目前几乎所有浏览器都支持ico图标。
什么是ico

2、当成功生成favicon.ico图标文件后,浏览器会自动弹出ico图标下载，点击保存，将生成下载的favicon.ico图标放在根目录下(也可以是其他目录)。

3、在页面源文件的<head></head>标签之间插入<link rel="shortcut icon" href="/favicon.ico" />。

favicon是什么？

favicon，即Favorites Icon的缩写，Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。

顾名思义，favicon便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：

在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；

除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。

favicon.ico图标大小做多大合适？

网站的 favicon.ico 图标大小到底做成多大才比较合适？16×16 或 32×32 还是 128×128？很多人都想当然的认为，这个 favicon.ico 图标尺寸越大越清晰，展示起来越给力！但是根据实际测试，超过 32×32 的 favicon.ico 图标，不但效果没有明显改变，而且还会导致某些浏览器无法展示。而且之前的谷歌网站图标缓存服务器，超过 16kb 就不会缓存，而是直接展示默认的图标。而 16×16 和 32×32 的网站图标，实际展示在浏览器标签栏的效果也没有很明显的区别。

所以，对于网站favicon.ico图标的大小，建议大家选择 16×16 或者 32×32，再大也是完全没有必要的。效果不见涨，还可能会影响网站速度。