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

大家在浏览网页的时候,在浏览器最上面的书签栏中会有一个小图标,今天就来聊聊怎么设置这个小东西。

Xnip2020-11-28_11-56-33.jpg

通过html的一个属性就可以设置成功<link rel="icon" href="img/favicon1.ico">,但是大家可以发现图标都是正方形的,所以我们可以事先将图片修剪为正方形的图片,大小不要求,但是一定要是正方形,而且命名文件为.ico结尾的文件,这样就可以设置一个美美的图标了,在别人收藏或者将书签添加到常用的时候就可以看到了!
google浏览器的书签栏:
Xnip2020-11-28_12-03-40.jpg

safari浏览器书签栏:
Xnip2020-11-28_12-04-19.jpg

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容