favicon.ico图标在线制作和添加到网站的方法

我们是否有看到在浏览器标签前部看到有些网站有各自自定义的小图标，这个是如何添加上去的呢？这属于favicon.ico图标，我们可以自己添加的。那如何添加？我们需要先准备一个favicon.ico图标。

1、在线制作favicon.ico图标

这里，我们可以使用有些网站提供的在线制作favicon.ico图标工具。

https://www.bitbug.net/ 或者 https://tool.lu/favicon/

都可以提供制作。

这里我们可以根据提示，上传一张准备好的尺码一样的PNG图标，一般是用png格式。选择32*32或者 48*48，制作好会下载到我们本地。

2、添加favicon.ico到网站

<link rel="shortcut icon" href="/favicon.ico" />

这是代码，添加到我们网站的头部。这里URL地址我们也可以根据自己的绝对路径填写修改。

本文出处：老蒋部落 » favicon.ico图标在线制作和添加到网站的方法 | 欢迎分享（ 公众号：老蒋朋友圈 ）