现在位置:首页 » 娱乐八卦 »

在网址前加个小图标(ICO)的方法

时间:2011年12月29日 ⁄ 分类: 娱乐八卦 评论:3

今天突然注意到好多网址前都有小图标。觉得挺好玩的,一时兴起,就给自己的网站加了小图标,算是增加用户体验的一种方式吧。收集了一些图标的添加方法,有需要的朋友可以试试。

第一、这个小图标的格式是一种*.ico的特殊格式,大小是16×16像素。这种图标制作起来也是很方便的,一般的做图软件都可以。可以先做成任何格式的,然后用photoshop或gimp另存为*.ico格式。也可以直接用ico图标制作工具做。另外在线制作也是很不错的选择。

第二、将做好的ico图标命名为favicon.ico。上传到网站的根目录,默认就会自动显示了,不需要修改任何网页代码。如果担心有的浏览器不能自动识别。就将下面的代码放在网页的<head></head>之间:

<link rel=”shortcut icon” href=”http://www.xxx.com/favicon.ico”>
<link rel=”Bookmark” href=”http://www.xxx.com/favicon.ico”>

如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head></head>部分加入如下的代码:

<link rel=”icon” href=”/dir/favicon.ico” mce_href=”http://www.xxx.com/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”http://www.xxx.com/dir/favicon.ico” mce_href=”http://www.xxx.com/dir/favicon.ico” type=”image/x-icon”>

如果觉得还不是太满意,想做成支持GIF动画格式的favicon。就需要在<head></head>之间加入如下代码:

<link rel=”shortcut icon” href=”http://www.xxx.com/favicon.ico” >
<link rel=”icon” href=”http://www.xxx.com/animated_favicon.gif” type=”image/gif” >

第三、非常值得一提的是第二条“http://www.xxx.com”中的”xxx”指的是你自己网站的域名,可不是代码文件。最后还有清空下自己的IE缓存,基本就能看到了。如果你用的IE6请升级,要不看不到的。虽然有点多此一举,不过还是觉得有必要给大家提醒一下。

目前有 3 条评论
avatar
互联网琐事 2012-03-23 20:32回复
兄弟.我看过你这这篇文章。但是如果是在head里面加的话,我用的是emlog  该是哪个文件夹

他都是PHP的比较多

还有能否和你换个友情,可以的话联系我QQ.476542697
avatar
山寨吧 2012-03-23 20:41 / 回复
@互联网琐事:你直接把你的图标命名为favicon.ico   浏览器直接都认了,但是你本机浏览器要清除cookie的。要是害怕不识别你就往模板里面加上那行代码。不是往emlog里面添加