首页 > 技术文章 > web图标icon tomcat图标icon

zz-blog 2018-01-23 10:41 原文

  有时候我们需要更改项目图标为自己的,毕竟tomcat的小猫图标用着不得劲。

 

   你看打开百度等网站时,在地址栏前面就会出现一个蓝色的熊掌状图标或者其他的样式的图标,如果在桌面新建此链接的快捷方式,则桌面图标也自动变为该地址栏ICO图标。

 

     当我们使用tomcat开发BS时,tomcat默认的图标为黄色的小猫咪。

 

    为了符合自己的需要,这时候就需要用自己想要的图标了。

 

方法如下:

      首先,要有一张图标,对吧。你自己需要展示的图标,一般是公司Logo。

     如果你的图标不是.ico格式的,需要转换一下。这有个转换网站:   http://www.bitbug.net/   图片转换成一张ico ,文件名为favicon.ico ;

 

首先说一个直接的方式:

 

   将你的favicon.ico 复制替换掉tomact-->webapps-->root下的favicon.ico 

 

然后,删除浏览器中的临时文件,删除 Tomcat 中的 work 目录下的缓存。

 

效果:

  

 

重新启动tomcat就可以了。

注:

一般还要重启电脑,因为桌面图标如果原来是小猫咪的话,则会存留于内存里,并不会及时刷新。

 

 

另外,如果想直接引用到其它地方的 ico,则可以相应的网页源文件的 <head></head> 间加入如下代码:

<link href=”路径/favicon.ico” rel=”SHORTCUT ICON” />

 eg:

 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
                          <link rel="shortcut icon"   href="http://www.weather.com.cn/favicon.ico" type="image/x-icon" />
    <title>JSP Page</title>
</head>

如上面的操作: 
我们要做的操作就是将以下语句添加到上面的位置

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

 

注:这样只能一次控制一个页面,想要每一个页面不一样就得单独的加一个链接

 

 

如果某一个页面你想做修改的话,在首部加上他的绝对地址,即可。

 

推荐阅读