如何给你的网站加上favicon.ico图标:[1]
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、清空浏览器缓存,刷新网页网址即可看到网站的图标。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:182
阅读量:166
阅读量:99
阅读量:119
阅读量:74