在线制作favicon.ico图标

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

分类:Web

标签:,

已有 4 人 对 ”在线制作favicon.ico图标” 进行了评论

  1. aTool说道:

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

    [Reply]

  2. 二维码说道:

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

    [Reply]

  3. 烟灰缸OL说道:

    实用的介绍,解决了我制作和检测ICON的问题。

    [Reply]

  4. adong.info说道:

    受教了,谢谢你的文章。

    [Reply]

对本文发表评论





2 + 0 = ?

注意:
1、请勿单纯发表顶啊、打酱油之类无任何意义的评论,否则将被视为spam!谢谢合作!
2、但欢迎你留下对本文的看法或技术上的任何疑问,我会及时回复你。