步骤:
一、可用PS软件制作一个图标文件,大小为16*16像素。
二、将制作好的图片提交给可在线生成16*16像素的ico图标的网站,如 http://www.graphicsguru.com/favicon.php 得到网站的图标(后缀名为ico)。
三、下载刚生成的图标文件并上传到网站根目录中即可。
如需在低于IE5以下版本的浏览器中显示,应在HTML源文件“<head></head>”间添加如下代码:
<link rel="Shortcut Icon" href="图片的地址">
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
把图标命名为favicon.ico 一般不用写link就可以应用于站点下的每一个页面文件了。
实际IE8下却不起效果,解决方式:
<link rel="Bookmark" type="image/x-icon" href="favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" >
或者,用绝对地址:
<link rel="Bookmark" type="image/x-icon" href="../favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" >
还有一点,如果你更新到网站目录以后,用IE8仍不显示小图标,问题可能出在历史记录上。
请选择,删除浏览历史记录,刷新页面即可。