37计

学习和分享淘宝网,电子商务,网商,网络营销,新奇等

« 如何知道网站的重要性、级别和受欢迎度?用Windows Live Writer发表日记更方便 »

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

是不是打开一些比较大型的网站,网页的地址栏前面都有该网站的标志,
网页标志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图标,

 

原创文章如转载,请注明:转载自37计博客[http://www.37ji.com/]

 

本文链接地址: http://www.37ji.com/post/7.html

  • 相关文章:

收藏到网摘:

  • quote 6.
  • 上传favicon.ico文件到网站根目录下
    这个不明白,是上传到哪。。。
    37计 于 2008-12-30 0:18:49 回复
    就是网站空间的根目录下.
    和你的首页index.htm 放在同一目录里...
  • 2008-12-29 1:11:05 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Search

最近发表

图标汇集

    ∷∷∷【订阅本博】∷∷∷ feedsky
    抓虾
    pageflakes
    google reader
    netvibes
    my yahoo
    newsgator
    bloglines
    鲜果
    哪吒
    有道
    PageRank
  • RainbowSoft Studio Z-Blog
  • 本站支持WAP访问
  • 订阅本站的 ATOM 1.0 新闻聚合
  • 订阅本站的 RSS 2.0 新闻聚合

Powered By Z-Blog 1.8 Spirit Build 80605

Copyright©2008 www.37ji.com. Some Rights Reserved. 湘ICP备08004612号