favicon图标介绍

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图 红圈的位置, 目前主要的浏览器都支持 favicon.ico图标.
google ico for introduce favicon
yahoo ico for introduce favicon

原始图像预览

如何安装Favicon

当成功生成ico 图标文件后,右键下载更名为favicon.ico
然后将favicon.ico 图像放在根目录下(也可以是其他目录)
在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href="/favicon.ico" />

最后形成:
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>

在线生成透明的ICO图标

使用说明

- 原始图像可以接受: .jpg .jpeg .gif .png等图像格式
- 原始图像文件大小限制在小于 200k
- 建议制作一张400x400的jpg图像, 然后等比缩小到你想转换的ico尺寸,最后用比特虫转换成 ico图标格式.
- 当然你也可以直接把原始尺寸的图像通过比特虫直接转换,比特虫会自动将图片缩小到合适的 ico图标尺寸,不过可能会在缩小的时候有所失真