首页 > 其他 > 详细

favicon.ico显示,favicon显示,favicon图标显示

时间:2016-07-21 02:08:53      阅读:320      评论:0      收藏:0      [点我收藏+]

?

favicon.ico显示,favicon显示,favicon图标显示

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

蕃薯耀 2016年7月19日 17:39:33 星期二

http://fanshuyao.iteye.com/

?

一、favicon图标显示

?

1、把favicon.ico图标文件放在项目的根目录下,命名必须是:favicon.ico

?

2、在<head></head>标签中加入下面的代码:

?

<link rel="shortcut icon" type="image/ico" href="${pageContext.request.contextPath}/favicon.ico"/>
<link rel="bookmark" href="${pageContext.request.contextPath}/favicon.ico"/>

?

(1)rel="shortcut icon" 表示标签页显示的图标,对应的href表示图标的路径,可以是相对路径或者绝对路径。例子中是Java项目,使用了绝对路径。

相对路径可以如下:

<link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
<link rel="bookmark" href="favicon.ico"/>

?

(2)rel="bookmark" 表示收藏夹显示图标,效果如下:

没有使用bookmark,在收藏后没有图标,或者显示Tomcat的图标,使用后更加漂亮。


bubuko.com,布布扣
?

二、favicon图标制作

1、找一张背景透明的图片,支持格式 png、jpg、gif ,但必须是背景透明的,这样制作出来的favicon.ico图标美观。

?

2、打开http://www.atool.org/ico.php,选择图片,然后选择 32 * 32 的格式(因为这样兼容较多的浏览器,并不是越大越好),然后点击【在线生成favicon.ico图标】,即可生成。

?

3、打开生成的图片,生成的图片虽然背景颜色显示是白色的,但放入到服务器项目根目录中显示出来是没有白色背景的,完美显示。

?

注意:有些网站制作的favicon.ico是真的有白色背景的,这样不美观,建设还是到http://www.atool.org/ico.php制作,毕竟本人亲自尝试过,这样能避免不必要的麻烦

?

?

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

蕃薯耀 2016年7月19日 17:39:33 星期二

http://fanshuyao.iteye.com/

favicon.ico显示,favicon显示,favicon图标显示

原文:http://fanshuyao.iteye.com/blog/2312233

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!