修改浏览器图标为自己想要的LOGO

浏览器访问自己写的Web应用,地址栏上的图标为:修改浏览器图标为自己想要的LOGO

看到其他网站的图标都是自己本公司的LOGO,很是好看,像百度的:修改浏览器图标为自己想要的LOGO

所以我也要替换,替换后的样子:修改浏览器图标为自己想要的LOGO

------------------------------------------------------------------------------------------------------------------------------------------------------------------

现在我们就来自己替换自己的网站图标吧:

环境:Tomcat6.0,Windows7,IE9.0

步骤:

一、设计自己ico图标Logo

  1、可以自己制作ico图标,大小可以为16*16,32*32,48*48。

  2、可以直接在其他网站上找链接:http://www.baidu.com/favicon.ico

       在网站后面加上favicon.ico即可,因为大部分网站他们的浏览器图标都是丢在根目录下的。

二、为自己的页面添加浏览器图标

  1、将favicon.ico丢到WebRoot根下面,浏览器将会自动检测到

  2、项目里有ico文件:

      在自己的页面<head>标签之间添加<link>标签,如下

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

  3、利用其他网站的图标:

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

 总结:1、大多数做法都会把favicon.ico发在WebRoot下面。这样页面不需要改动

            2、如果需要不同页面个性化则需要第2、3种方式

            3、还有就是有一些浏览器采用第一种方式不能够自动加载,需要手工在页面指定一下

相关推荐