前端如何设置浏览器网页标签页前的小图标favicon.ico

前端如何设置浏览器网页标签页前的小图标favicon.ico

步骤1：
将小图标favicon.ico文件（或者普通的icon小图片）放在项目的public或者static目录下

步骤2：
index.html代码中设置favicon.ico

favicon.ico文件
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
或普通icon图片
<link rel="icon" href="%PUBLIC_URL%/logo.png" />

下面的小工具，可以用来将图片转化为icon格式的图片，而且会生成对应的html代码，还是挺方便的。
https://www.favicon-generator.org/

标签：ico,favicon,html,icon,小图标,图片
来源： https://blog.csdn.net/Boale_H/article/details/121998053