您的位置首页生活百科

自定义浏览器地址栏前面的小图标教程

自定义浏览器地址栏前面的小图标教程

的有关信息介绍如下:

自定义浏览器地址栏前面的小图标教程

每当我们访问百度时,你会发现,在浏览器的地址栏前有个蓝色小脚印的小图标,而访问新浪时,却显示一个大眼睛的小图标,这是如何实现的呢?本教程将教大家在自己的网站上自定义一个小图标,让他人访问自己网站时也能显示出一个小图标。

首先需要寻找一张图片作为你网站的小图标

转换格式,需要将图标转换为ico格式(转换教程:你可以在百度上搜索“在线转换ico”接着就有很多网站,你随便选择一个网站进行格式转换即可!注意转换的像素为16x16),转换好后就命名为favicon.ico

上传favicon.ico小图标到网站的根目录

在网站首页的头部的中间加入以下代码

最后保存后即可!

这里要注意一下,如果你按照以上方法保存无法看到小图标,这时你得清理一下浏览器的缓存或者换另一个浏览器进行浏览即可