在网页结束的时候，旁边的同事小妹说了句，你看他们网页title上有公司logo图标。咿！？我也是一愣，是因为我一下子不知道如何实现（我不是大神，就是个小鸟｀｀｀仅仅是想飞的更高，才注册了博客园！）。我刚开始想自己尝试下如何实现，就ps了个40px的公司logo，傻傻的准备给title上传图片路径，以为就简单的给个src：“”就可以实现的，结果。。。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Round One:(我就用自己的语言表达了，免得出错，误人子弟！同时还是大早上的上班时间！)
favicon图标介绍
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置， 目前主要的浏览器都支持favicon.ico图标.
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
如何安装Favicon
当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件
将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)
在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />
最后形成:
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>
将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)
在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />
最后形成:
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>
使用说明
- 原始图像可以接受: .jpg .jpeg .gif .png等图像格式
- 原始图像文件大小限制在小于500k
- 建议制作一张400x400的jpg图像, 然后等比缩小到你想转换的ico尺寸,最后用比特虫转换成ico图标格式.
- 当然你也可以直接把原始尺寸的图像通过比特虫直接转换，比特虫会自动将图片缩小到合适的ico图标尺寸，不过可能会在缩小的时候有所失真。
附：http://www.bitbug.net