每个网站都有自己的图标(favicon)除了便于识别与书签收藏,也是一个厂牌吧浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前还可以放在标签式瀏览界面中的页标题前。
但是我们自己的网站例如博客怎么设置这个图标(favicon)呢?
首先我们准备好自己的favicon即favicon.ico一般是16x16像素或者32x32像素,一般在保证favicon清晰度的情况下越小越好有利于提升网站速率。
制作favicon有很多在线的网站找合适的即可。
- 情况1:使用vue-cli方法初始化的项目结构
我们找到图中的文件将其中的代码加一句favicon的设置,如下:
-
只需一句话即可如下:
- 情况3:使用link标签设置
关于这种方法更具体的知识和解释可以参栲: