制作ico图标

http://www.bitbug.net/

通过ico制作工具可以使png转ico,同时支持jpg、gif图像格式的转换,提供16*16、32*32、48*48三种标准的ico图标格式,转换成功后将提供ico图标下载。然后把favicon.ico图像放在根目录下(也可以是其他目录)在页面源文件的<head></head>标签之间插入


<link rel="shortcut icon" href="http://www.aili.com/favicon.ico" type="image/vnd.microsoft.icon">

<LINK href="http://www.aili.com/favicon.ico" type="image/x-icon" rel=icon>
<LINK href="http://www.aili.com/favicon.ico" type="image/x-icon" rel="shortcut icon">


因为各个浏览器请求的端口不一样   所以有的浏览器上显示的是本浏览器的图标

所以如果你的网站favicon.ico 不起作用,或者是想要让favicon.ico 的兼容性更好,要使用下面几个步骤:

1:检查网站根目录下面的favicon.ico

2:确保<linkrel="icon"href="http://www.aili.com/favicon.ico"type="image/x-icon"/>

<linkrel="shortcut icon"href="http://www.aili.com/favicon.ico"type="image/x-icon"/>

使用的是http://host/favicon.ico

3:如果你的网站带端口,或者是测试版本的话,那么尤其要注意360等浏览器,它们在请求favicon.ico 的时候会忽略端口号的。



favicon不仅在地址栏上显示,还会同时出现在收藏夹中显示



<link href="" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
<link href="" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />


说明:第一行和第三行代码的作用:在收藏夹下亦显示图标,无论是资源管理器窗口,还是浏览器的收藏夹。

下面是一个网站的
<link rel="shortcut icon" href="">
<link rel="Bookmark" href="">


你可能感兴趣的:(icon,收藏夹,标签栏)