在网址前加个小图标(ICO)的方法
今天突然注意到好多网址前都有小图标。觉得挺好玩的,一时兴起,就给自己的网站加了小图标,算是增加用户体验的一种方式吧。我收集了一些图标的添加方法,有需要的朋友可以试试。
第一、这个小图标的格式是一种*.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请升级,要不看不到的。虽然有点多此一举,不过还是觉得有必要给大家提醒一下。
他都是PHP的比较多
还有能否和你换个友情,可以的话联系我QQ.476542697