在浏览器的标签页显示网站标志图标(或指定图标)的方法

Posted Newbie_小白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在浏览器的标签页显示网站标志图标(或指定图标)的方法相关的知识,希望对你有一定的参考价值。

对于不同的浏览器,方法是有差别的
1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索
2.这大概是所有浏览器通用的在标签页加入指定图标的方法:
把favicon.ico图标放到网站根目录下,在网页的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
 
3.对于火狐浏览器:图标格式没有IE那么严格,GIF和PNG格式的图标也可以显示,图标名称也可以不是favcion
4.把图标放在根目录后,在<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >
 
5.最后,ICO格式的图片可以通过MagicICO这个小软件制作,注意这个软件只能识别PNG格式图片
软件下载地址:http://ishare.iask.sina.com.cn/f/9614427.html
6.链接在线的图片的时候,可以使用下面的方法(下面是CSDN图标,可以直接放在网页的head标签里面去,这样就能直接显示)
<link href="http://csdnimg.cn/www/images/favicon.ico" rel="SHORTCUT ICON">

以上是关于在浏览器的标签页显示网站标志图标(或指定图标)的方法的主要内容,如果未能解决你的问题,请参考以下文章

为站点设置图标,显示在浏览器标签页

网站微图标,页标签,favicon.ico

如何在浏览器的新标签页显示新的内容?

如何制作ico图标?

将带有指定标志图标的网站书签添加到手机主屏幕

将文件图标&磁盘图标自定义