步骤1:
首先要准备自己的图标(logo),图标是什么格式无所谓,但是要显示在页面title前面的图标必须是.ico格式的图片,这就需要将自己的图标或者Logo转换成为.ico格式的图片,网上有很多在线工具可以将自己的图片转换成ico格式的图片,这里列两个制作网站:
在线ico转换工具:生成的图标是可以选尺寸的,原图片的大小不限制
http://www.bitbug.net/ 生成的图标背景是图片的背景,图片如果为透明背景,那么生成的ico图标也是透明的。
http://www.uupoop.com/ico/?action=make 如果自己的原图片背景是透明的,则生成的ico是带黑色背景的,如果自己的图片有背景,就会生成带自己图片背景的图标。
步骤2:
将生成的ico图标放在自己的项目文件中,在header标签中,引用一下,比如:
<link href="/自己的ico文件名.ico" rel="shortcut icon"/>
例如:<link href="/favicon.ico" rel="shortcut icon"/>
注意:link引入的写法还有要求,自测了一下,总共有以下几种写法:
1、<link rel="shortcut icon" href="../icon/favicon.ico">
2、<link rel="SHORTCUT ICON" href="../icon/favicon.ico">
3、<link rel="icon" href="../icon/favicon.ico">
4、<link rel="Shortcut Icon" href="../icon/favicon.ico">
完结!