当前位置:园子博客 » 网站应用 » 如何添加地址栏和收藏夹的icon图标

如何添加地址栏和收藏夹的icon图标

5月 25th, 2009 | Filed under 网站应用 | 共有12,255次浏览

越来越多的网站都使用了 icon 图标,通过这种方法可以更加个性的展示您的网站。当客户打开您的站点的时候,在地址栏上会显示如下图所示的图标效果:

网站地址栏 ICON 图标示例

当你把网址加到收藏夹中时,同样也会在网站名称之前显示这个小图标。本文园子就给大家说下如何添加地址栏和收藏夹的icon图标以实现这种效果。

首先需要制作一个16*16或者32*32的 icon 图标,如果您不会通过软件制作,可以点击这里选择在线生成。方法非常简单,您可以首先制作一个JPEG或者GIF格式的图片,然后通过上传就可以生成一个压缩包,下载此压缩包即可。

然后把下面几行代码加入到您的 head 区域内:

1
2
3
<link rel="Bookmark"   href="favicon.ico"><!--收藏夹中的图标-->
<link rel="shortcut icon" href="favicon.ico" ><!--地址栏前面的图标-->
<link rel="icon" href="animated_favicon1.gif" type="image/gif" ><!--动态Icon图标,仅支持Firefox!-->

最后通过 FTP 软件把你下载到的压缩包解压得到的两张图片(分别是:favicon.ico 和 animated_favicon1.gif),上传到你网站的根目录即可。

说明:代码第三行是动态icon图标,仅支持 Firefox 浏览器,如果没有此项需求,可以去掉。用上面的方法生成的 icon 图标默认带有,可自行选择是否保留。

相关网站:点击进入生成您的icon图标!

  1. 永业博客
    7月 29th, 201221:15

    老师我在我有博客主题的顶部模板里找不到head这个标签。请老师指点。

  2. Dino
    8月 19th, 200918:30

    这个不错,尝试下!谢谢啦!

  3. 破口大说
    5月 25th, 200917:53

    好文章,放收藏夹了!

您必须在 登录 后才能发布评论.