当前位置: 代码迷 >> Web前端 >> 批改浏览器图标为自己想要的LOGO
  详细解决方案

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

热度:85   发布时间:2012-09-23 10:28:10.0
修改浏览器图标为自己想要的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、还有就是有一些浏览器采用第一种方式不能够自动加载,需要手工在页面指定一下

?

?

?

?

?

  相关解决方案