设置网页地址栏前面的标志图标 favicon.ico

2015-5-11 Jon html+css

介绍一下怎么设置网页地址栏前面的标志图标 favicon.ico

favicon.ico 是一种格式，一般用于网页地址栏前或者在标签上以缩略方式显示网站标志，也可以拖曳favicon到桌面以建立到网站的快捷方式。
为什么要设置 favicon图标？
以图像形态显示，比文字显示更能加深浏览者的记忆和印像。

可以塑造网站的品牌。这也是在网站推广的范畴之内。

可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站，给人以更专业的感觉。

设置方法：
制作一个16×16像素的图像（logo），也可以制作一个200×200像素的图像或更大，然后等比列缩小为16×16 像素，（200×200像素方便制作，favicon的规格一般为16×16像素）
可以用相关软件把jpg格式转换成ico图标格式。
1、打开 http://ico.sevem.cn/index.php?action=make
2、页面里有个浏览按钮，上传本地的图片.
3、生成并将 favicon.ico下载到本地
4、上传favicon.ico文件到网站根目录下即可
5、或者传到其他目录，然后在网页首面HTML 的<head>……</head>标签之间插入代码：<link rel="shortcut icon" href="path/favicon.ico">