favicon/ico图标在线制作
1、favicon.ico通常用作网址url的前置缩略图,作为网站标志,favicon.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,再大也是完全没有必要的。效果不见涨,还可能会影响网站速度。