当前位置: 菠菜博 > 设计资源 > 文章正文

1000个Favicons网站地址栏图标推荐

时间: 2008-04-22 / 分类: 设计资源 / 浏览次数: 4,107 次 / 14个评论 发表评论

拥有个人网站的你是不是经常会因为在打开别人的网站时,看到人家地址栏里漂亮的网站头像呢(FireFox甚至支持动画格式的favicon)?相信你早就有了探知他的冲动,也或许你已经品尝到了它的好处,像菠菜博的网站头像就是一个bbon的前两字母衍生出来的笑脸图标,非常的温馨。就像这样: 。你能不喜欢吗?即使可能你觉得它很庸俗,但却代表了菠菜博友善和蔼的博客形象,这样就够了。

可能你是设计一窍不通,那么你不用担心,早就有人为你搜集到了1000个优秀的Favicon,你只要耐住性子,在这些Favicon立马挑选出适合自己的就行了。其外,你也可以通过在线制作的办法制作更符合自己意愿的ico图标。

1000个Favicon下载地址:http://rapidshare.com/files/109471434/1000-favicons.zip(注意:请务必选择在新页面打开,然后右键另存为即可)

Favicon是什么?

所谓favicon,其实是英文单词Favorites Icon的缩写,中文名称是网站头像。它可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部。根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

如何把Favicon应用到我的网站?

浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:
程序代码: <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

程序代码 <link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >

Del.icio.us 添加到Digg! 添加到Digg! 分享家:Addthis中文版

14个评论

  1. ico
    2010/04/11 于 13:20:33

    这个中文网站也可以制作ICO图标了,www.ico.la 看域名就知道专业。

    听说还可以处理透明ico图标哦。

    请楼主收集到文章里面吧。

  2. [...] 这里是adrenn提供下载的一系列的图标,大小是256 x 256PX的PNG图标,你可以应用到你的支持PNG icon的系统软件中,你也可以把这些图标转换成.ico或是其他的文件。更重要的是,如果你想为自己的博客制作一个不错的favicon的话,你可以在这里找到灵感。 [...]

  3. [...] 这里是adrenn提供下载的一系列的图标,大小是256 x 256PX的PNG图标,你可以应用到你的支持PNG icon的系统软件中,你也可以把这些图标转换成.ico或是其他的文件。更重要的是,如果你想为自己的博客制作一个不错的favicon的话,你可以在这里找到灵感。 [...]

  4. [...] 更重要的是,如果你想为自己的博客制作一个不错的favicon的话,你可以在这里找到灵感。 [...]

  5. dunyakara
    2008/08/21 于 02:26:43

    还是不出现,火狐里面可以显示出来但是傲游浏览器里面就怎么也显示不出来,这是怎么回事?请帮帮忙啊?

  6. Продажа картин
    2008/08/18 于 23:24:11

    И мне нравится…

  7. dunyakara
    2008/08/15 于 12:25:17

    我的网站头像怎么换不成啊?请帮帮忙啊!

    • 菠菜
      2008/08/17 于 09:17:34

      如果你使用正确的话,请先清空缓存看看。

  8. bbon
    2008/05/05 于 23:06:06

    @阿草哥:请务必选择在新页面打开,然后右键另存为即可。用下载软件的话可能会导致无法打开。

  9. 阿草哥
    2008/05/05 于 15:37:26

    下了怎么打不开啊

  10. MY-Hou
    2008/04/26 于 01:10:19

    呵呵~~~新地盘都忘记放了!!

  11. chada
    2008/04/23 于 18:49:47

    WOW~不错哦,现在才发现主题变了,沉稳了很多。

  12. bbon
    2008/04/23 于 17:15:03

    @9NPC:多谢你的提示,昨天发的急,搞错了。

  13. 9NPC
    2008/04/23 于 16:58:39

    然后就没拉??哈哈~~

发表评论

您的昵称 *

您的邮箱 *

您的网站