在线制作 favicon.ico 图标

   Updated: 2009-06-14 23:41       在线制作 favicon.ico 图标有 4 条评论

favicon.ico 图标使用效果,如图,没有使用 favicon.ico 图标的网站只会显示一个浏览器的图标。

favicon

favicon 图标的使用方法:把 favicon.ico 上传到服务器放在网站根目录下,然后在首页文件中<head> 段插入:

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

如果你希望出现动画效果的 favicon 图标,那就上传 favicon.ico 和 animated_favicon1.gif,并且在首页文件中<head> 段添加如下的 HTML 标签:

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

Update at 2009-04-19:似乎只要你把 favicon.ico 文件上传到网站根目录下,不用添加以上代码,也会显示网站图标,这个可能是现在的浏览器能自动发现 favicon.ico 图标,但是动画的图标是不行的。对于 Wordpress,上传 favicon.ico 文件到目前使用的主题下就可以。

几个可以在线制作 favicon.ico 图标的网站:

  1. http://www.html-kit.com/favicon/,英文的,除了普通的静态 favicon.ico 图标,还可以制作动态 favicon 图标。
  2. http://www.bitbug.net/,中文网站,只能制作静态的,有好几种尺寸可选。
  3. http://www.html-kit.com/favicon/validator/,通过这个链接检测站点上的 favicon.ico 图标是否正确,但是我检测了好几个都提示错误。

参考链接:

  1. favicon.ico 图标在线制作:http://www.henshiyong.com/archives/34.html
  2. 制作 ICO 方法,favicon.ico 图标使用方法:http://hi.baidu.com/saga3d/blog/item/e7f589fd3c4e3a43d6887deb.html

4 comments on “在线制作 favicon.ico 图标

  1. aTool

    我也做了一个 ico 工具:http://www.atool.org/ico.php 当然除了这个功能,还有其他的一些工能,一定有你会用到的功能,现在还在不断的往里面加,求博主试用,如果觉得不错,求个推荐啊!

    Reply
  2. 二维码

    我的二维码博客开通了,哈哈,高兴之余来逛逛博主的博客,学习点建设博客的技能。哈哈。

    Reply

回复 二维码 取消回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注