修改浏览器图标为自己想要的LOGO
浏览器访问自己写的Web应用,地址栏上的图标为:
看到其他网站的图标都是自己本公司的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、还有就是有一些浏览器采用第一种方式不能够自动加载,需要手工在页面指定一下