为你的博客添加favicon图标(转)

知道什么叫favicon, :mrgreen: 恩,我们可以理解为网站的迷你Logo,恩,不知道什么是Logo,Logo就是网站的标志,这样推理的话,favicon就是网站的迷你标志,没错了, 其实所谓favicon就是各网站在浏览器地址栏前的小图标,比如本站的favicon就是一小黄色的五角星,额,看到了没?如果你用的是IE6的话,就 不用找啦,因为IE是不显示网站favicon的,所以我强烈建议你使用firefox,说了这么多废话,还不如Google下,搞清楚了什么是favicon,那favicon怎么制作呢?

favicon并不是一般的位图文件,故其生成要借助一些特殊的软件,不过还好,Internet的在线生成功能网站总能让人省去很多的麻烦。首先 我们用photoshop或是其他的制图软件制作出网站的favicon图像,到导出为gif或png格式,建议导出为png格式,因为png格式清晰度 更高点,当时要注意的是,我们这里制作的图像文件的尺寸只能为16X16,或是32X32,因为favicon的规定尺寸为16X16。

制作完了我们的图像文件,接下来的工作就能交给在线生成网站完成了,常见的favicon在线生成网站有:

直接导入我们刚刚制作的图像文件,然后按照提示下载生成的favicon图标到你的本地电脑上。

但接下来我们要怎样让这favicon图标应用到我们的网站上呢?其实很简单,把刚刚制作的favicon图标命名为favicon.ico,上传到你的博客空间,然后在你的博客风格头部的<head>和 </head>之间加上:
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”>,当然这种段代码说明你的favicon存在你的网站的跟目录,如果图标并不是存在在根目录的,可直接更 换其绝对或相对连接地址就行。

好了,现在刷新下是不是能看到你网站的“迷你Logo”了? :shock:

出处: Housne博客

补充;要是想换成动画格式的图片的话,就可以把上面的图片格式换成gif格式,还有要是博客放在像blog文件夹的里的话,图片地址应该是 <link rel=”shortcut icon” href=”/blog/favicon.ico” type=”image/x-icon”>

6 thoughts on “为你的博客添加favicon图标(转)

  1. @帕兰卓一得 是啊,我调了好久,可惜图片和透明度都不理想,后来看了别人的,也都是和我的那样,一想,算了,就这样吧。呵

Leave a Reply

Your email address will not be published. Required fields are marked *