(转)在浏览器的标签页显示网站标志图标(或指定图标)的方法

想给自己的网站加上一个favicon标志图标,上网搜了一下,在此转一篇作为备忘。

参考来源:http://hi.baidu.com/lc_9897/blog/item/0597db5898a5d098800a182d.html

对于不同的浏览器,方法是有差别的

1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索

2.这大概是所有浏览器通用的在标签页加入指定图标的方法:

把favicon.ico图标放到网站根目录下,在网页的<head></head>中加入

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

3.对于火狐浏览器:图标格式没有IE那么严格,GIF和PNG格式的图标也可以显示,图标名称也可以不是favcion

4.把图标放在根目录后,在<head></head>中加入

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

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


5.制作ICO的方法很多,可以下载Image2Ico、MagicICO之类的小工具,也可以在线制作。我推荐后者,方便快捷。

在线制作网址:

http://www.bitbug.net/

http://www.makeico.com/

原文地址:https://www.cnblogs.com/rushlight/p/2270321.html