« 流量提升核心技巧:懂得分享!儿童节百度首页人物——“敬礼娃娃”郎铮 »

favicon.ico图标在线制作

网站favicon.ico图标的存在使得网站更加美观和个性化,比如Google的这个“G”的样式。从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用。

favicon.ico是Favorites Icon的缩写,其作用不但可以让浏览器的收藏夹中除显示相应的标题外,还可以以图标的方式区别不同的网站。该图标根据浏览器的不同,显示出来的内容也有所区别:在大多数主流浏览器如FireFox和Internet Explorer(IE浏览器)中,favicon.ico图标不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳该图标到桌面以建立到网站的快捷方式;另外FireFox还支持动画格式的favicon图标,比如本站的这个效果

那么有人要问,怎么制作favicon.ico图标?很实用网站告诉大家两个站点:

  • http://www.html-kit.com/favicon:一款很专业的favicon.ico图标制作网站,很实用网站的该图标就得益于该站点的服务。首先需要预先制作好一张图片,然后将图片上传到该站点后制作,成功后下载到本地,解压后上传,并且按照里面的说明代码添加到相应文件(一般是站点首页),大功告成!

  • http://www.bitbug.net:如果觉得前者的英文网站用起来不熟悉,那么可以使用这个站点的服务了。制作的过程与前者类似。

此处很实用网站建议大家首先选择前者的服务,因为该站点制作出来的favicon.ico图标本身就包含了16x16和32x32两种尺寸,因此会根据实际情况有选择地表现;而后者,只能单一地选择其中一种,实际上48x48的基本上用不着。

网站文件添加favicon.ico的代码形式为:

<link rel="shortcut icon" href="favicon.ico" >

<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

另外,可以通过这个链接检测站点上的favicon.ico图标是否正确http://www.htmlkit.com/go/favicon/validator



本文链接地址:http://www.henshiyong.com/archives/34.html

转载请注明:转载自很实用博客网站 [ http://www.henshiyong.com ]
  • 相关文章:

发表评论(Open/Close):

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

订阅博客

  • 订阅很实用网站
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过抓虾订阅本站
  • 通过飞豆订阅本站
  • 通过电子邮件订阅本站

站内搜索

最新评论及回复

AD

最近发表

Powered By Z-Blog 1.8 Devo Build 80201

Copyright www.henshiyong.com. Some Rights Reserved.