关于收藏夹图标favicon.ico的设置


Favicon,收藏夹图标就是出现在浏览器地址栏左侧的那个小图标,也作网站头像。它显示在浏览器的地址栏,浏览器标签上或收藏夹上。目前所有主流浏览器都支持favicon.ico图标,部分浏览器还支持动画格式的favicon。

一. 图标制作:

  1. 部分在线网站提供简易的ico生成功能,如easyico等。

  2. 将png图标转换成ico图标,网址:http://converticon.com/

二. 图标大小:

图标并不是越大越好,习惯上大家一般用的最多的是32x32,其次是16x16,清晰度几乎没有区别,再大是没有意义的,反而会影响网页的加载速度。

三. 实现方法:

在header下添加如下meta申明,也有人直接将favicon.ico丢到根目录,大部分的浏览器都能够自动识别根目录的icon并显示,但这样是对兼容性有影响的,所以会加入以下代码:

<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark" href="/favicon.ico" type="image/x-icon" />
...
</head>

四. 代码说明:

第一行是必须的,“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”)

而Internet Explorer将会把它作为一个单独的名称(“shortcut icon”)。这样做的结果是所有浏览器都可以理解此代码。

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