与我联系

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

2015-5-11 一诺 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">

分享这篇文章
赞助鼓励:如果觉得内容对您有所帮助,您可以支付宝(左)或微信(右):

声明:如无特殊注明,所有博客文章版权皆属于作者,转载使用时请注明出处。谢谢!

评论:

一诺
2015-05-12 08:58
测试
嘟嘟
2015-05-11 20:45
不错

发表评论:

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog