不知道什么叫favicon,
恩,我们可以理解为网站的迷你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”了? ![]()
出处: Housne博客
补充;要是想换成动画格式的图片的话,就可以把上面的图片格式换成gif格式,还有要是博客放在像blog文件夹的里的话,图片地址应该是 <link rel=”shortcut icon” href=”/blog/favicon.ico” type=”image/x-icon”>
这种东东真的不错,我刚用过了,不过图片不好找,完全透明的效果实现起来有些麻烦。
Reply
呵。你的不够醒目。
Reply
@帕兰卓一得 是啊,我调了好久,可惜图片和透明度都不理想,后来看了别人的,也都是和我的那样,一想,算了,就这样吧。呵
Reply
hey.. why your site opening so slow?
Reply
IE6也会在地址栏和收藏夹里显示它的,只是没有标签所以。。。
Reply
Her moans told me she liked the treatment.
Reply