浏览器书签栏的小图标设置

此文转载自：https://blog.csdn.net/weixin_45277161/article/details/110263748

大家在浏览网页的时候，在浏览器最上面的书签栏中会有一个小图标，今天就来聊聊怎么设置这个小东西。
通过html的一个属性就可以设置成功<link rel="icon" href="img/favicon1.ico">，但是大家可以发现图标都是正方形的，所以我们可以事先将图片修剪为正方形的图片，大小不要求，但是一定要是正方形，而且命名文件为**.ico**结尾的文件，这样就可以设置一个美美的图标了，在别人收藏或者将书签添加到常用的时候就可以看到了！

google浏览器书签栏：

safari浏览器书签栏：

如果可以的话，大家也可以用自己的名字设计一个属于自己的图标，这样放到网站上不是很炫酷吗。