知向前端
设置网页地址栏前面的标志图标 favicon.ico
2015-5-11 Jon


介绍一下怎么设置网页地址栏前面的标志图标 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">

评论:
一诺
2015-05-12 08:58 回复
测试
嘟嘟
2015-05-11 20:45 回复
不错
发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容