网站图标问题

来源：互联网发布：并发软件编辑：程序博客网时间：2024/06/11 20:48

【CSDN 技术主题月】物联网全栈开发 【评论送书】每周荐书：MySQL、Kafka、微信小程序 【直播】Android 老司机带你开黑

如何设置网页地址栏前面的标志favicon图标?

标签：百度google浏览器html

2010-06-28 14:29 14964人阅读评论(1)收藏举报

本文章已收录于：

分类：

javascript 学习旅途（20）

作者同类文章X

•也来谈谈"完美"跨域
• js技巧--创建class时调用prototype原型方法
•json
•Jsonp 跨域的原理以及Jquery的解决方案
•Jquery Tools介绍—Tooltips
更多

是不是打开一些比较大型的网站，网页的地址栏前面都有该网站的标志，
网页标志ico如何设置?
地址栏标志favicon.ico?
如何让网站的图标出现在地址栏上?
在收藏夹和地址栏前面添加ICO图标?
如：百度，163，新浪等.如图:37计favicon图标裁图.

favicon图标

37计的favicon图标地址为: http://www.37ji.com/favicon.ico
Google的favicon图标地址为: http://www.google.com/favicon.ico
百度的favicon图标地址为:http://www.baidu.com/favicon.ico

favicon.ico 是一种格式，一般用于网页地址栏前或者在标签上以缩略方式显示网站标志，也可以拖曳favicon到桌面以建立到网站的快捷方式。
为什么要设置favicon图标，
以图像形态显示，比文字显示更能加深浏览者的记忆和印像。
可以塑造网站的品牌。这也是在网站推广的范畴之内，
可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。
给人以更专业的感觉。

如何设置网页图标

如何设置：
制作一个16×16像素的图像（logo），也可以制作一个200×200像素的图像或更大，然后等比列缩小为16×16像素，（200×200像素方便制作，favicon的规格一般为16×16像素）

可以用相关软件把jpg格式转换成ico图标格式。

我是用在线生成的，这样方便快捷。
1、打开 http://www.chami.com/html-kit/services/favicon/
2、页面里有个浏览按钮，点击找到你刚才做的图像（logo）.
3、点击 Generate FavIcon.ico 按钮提交
4、稍等片刻后，你的favicon.ico将会自动生成，可以点击旁边的保存按钮将favicon.ico下载到本地。
5、上传favicon.ico文件到网站根目录下
6、最后在网页首面HTML的<head>……</head>标签之间插入代码：<link rel="shortcut icon" href="favicon.ico">

如果不出现,按Ctrl+F5 强制刷新.IE6好像不太支持favicon图标,

顶: 0

踩: 0

参考知识库

猜你在找: 教你玩转HTML(html5)h5网页设计，网站开发; HTML5之新增标签，CSS3，js特效; 网页设计基础 – HTML; 零基础学软件之HTML语言; HTML 入门视频课程; HTML 5全掌控; 8小时学会HTML网页开发; HTML5基础视频课程 - 最实用的HTML教程; Python自动化开发基础 HTML开发基础 Day9; 零基础学习HTML5—html+css基础

关闭

查看评论