1、准备一张长宽一皱诣愚继样的图片,jpg,png,bmp均可,如果尺寸不一样大,可以采用windows系统自带的绘图工具剪裁即可。编辑之后保存为jpg,png,bmp格式的其中一个。
![如何给你的网站加上favicon.ico图标:[1]](https://exp-picture.cdn.bcebos.com/2e223d85e036e29123786453b2723d03baea5b27.jpg)
2、打开在线工具aTool(http://www.atool.org/ico.php)生成ico图标
![如何给你的网站加上favicon.ico图标:[1]](https://exp-picture.cdn.bcebos.com/5e4e9c2b74ee1c323f88069f07f1d8a727334b27.jpg)
3、点击选择文件,可以浏览你刚刚生成的宽高相同的图片。
![如何给你的网站加上favicon.ico图标:[1]](https://exp-picture.cdn.bcebos.com/57af657f860e7c756564ab46650d3aceabd7bf27.jpg)
![如何给你的网站加上favicon.ico图标:[1]](https://exp-picture.cdn.bcebos.com/0da37be7340f64789eb3e90afd3e21c2bad6b527.jpg)
4、选择生成的图片尺寸大小,建议采用32*32的大小。点击“生成favicon.ico图标”按钮,即可生成。
![如何给你的网站加上favicon.ico图标:[1]](https://exp-picture.cdn.bcebos.com/9b2098254193cee8259403a85a0ff2260c9aa827.jpg)
5、点击“保存”链接即可将图片另存到本地磁盘。然后将文件重命名为favicon.ico。放到网站的根目录,强烈建议放在根目录。
6、然后在网站的每一个页面的head标签内加入两行代码。<head><link rel="shortcut 足毂忍珩icon" href="/favicon.ico"/><link rel="bookmark" href="/favicon.ico"/></head>
![如何给你的网站加上favicon.ico图标:[1]](https://exp-picture.cdn.bcebos.com/16d8f72abab84240f56e94a77ac595ee40c19e27.jpg)
7、清空浏览器缓存,刷新网页网址即可看到网站的图标。