如何在URL地址前添加小图标

首先，这个很简单是没错，但是我居然失败了好几次，所以把过程写下来，希望能帮助到跟我一样操作失败的小伙伴。

---

需求：在URL前添加小图标，如下图

image.png

---

第一步 首先你得有个ico格式小图标

• 百度搜ico图标在线制作
• 选择https://www.ico.la/
• 然后一顿操作生成图标并下载
• 注意了：ICO图标的格式最好不要超过48x48
• 下载下来的图标名字乱七八糟的，得重命名，但是这里有个坑，命名必须是favicon.ico 否则会有意外
  image.png

---

image.png

---

第二步 HTML代码怎么写

• 图片有了，页面准备好了，代码怎么写呢？不知道，去看百度首页的源代码，研究一下怎么实现的。

image.png

• 看到了么？现在开始写这一行代码，直接copy也是极好的，因为IDE没有提示，照着敲真麻烦

image.png

---

第三步 看看效果呗

image.png

最后，因为一开始图片命名不正确，所有一直刷新网页都没看到效果，改完图片名还是没有效果，让我很抓狂，其实是因为浏览器缓存的原因，清下缓存或者换个浏览器就OK了。

---