袁来如此的工作笔记
袁来如此的工作笔记
竹杖芒鞋轻胜马,谁怕? 一蓑烟雨任平生。

浏览器地址栏网址前面的小图标是如何设置

浏览量:821

我们经常在打开某个网站的时候,会发现它的地址栏前面有个小图标,很有个性,而且在将网址添加到收藏夹的时候,前面也会有个个性图标。这个东西太好玩了,是怎么做出来的呢?


favicon.ico一般用作缩略的网站标志,它显示于浏览器的地址栏或者标签上,目前主要的浏览器都支持favicon.ico图标,下面简要介绍添加地址栏图标的方法:

1、在画图工具中制作自己的图标,另存为favicon.gif文件。

2、使用ico制作工具直接制作ico图标文件。或着现在网络上面有很多在线制作的,搜一下‘favicon’就可以找到很多,在线生成ico图标文件并下载保存:当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件。

3、将压缩文件中的favicon.ico图标文件上传到网站根目录下(也可以是其他目录),在页面源文件的<head></head>标签之间插入

<link rel="shortcut icon" href="favicon.ico" />

4、刷新浏览器即可显示自定义的图标,若在地址栏或标签上仍未显示自定义图标,则选择浏览器工具栏>Internet选项>删除浏览历史记录,再次刷新即可。

 

赶快给自己的网站加个醒目的logo标识吧

打赏