【Html】浏览器页面Tab上面显示小图标

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/heiyouhei123/article/details/81988197

我们看到很多网站的页面Tab上面都会显示对应网站的logo,专业名词叫做favicon， 具体例子可以以csdn为例，下面截图上当前编辑页面的tab:

如果想要在页面显示的时候增加这种icon,则需要在html代码的header中增加如下代码:

<link rel="shortcut icon"  href="https://csdnimg.cn/public/favicon.ico" >

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