加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

怎样给自己的网站网址栏添加小图标

发布时间:2023-03-21 13:55:02 所属栏目:经验 来源:
导读:经常喜欢上网的人会发现,当你打开一个网站后,在浏览器地址栏最前面有一个小图标,这个是可以自己添加的。我们所看到的网站几乎大部分都是有这个图标的,像大到BAT,小到个人站长。假如你今天是上线了一个新产品网站
经常喜欢上网的人会发现,当你打开一个网站后,在浏览器地址栏最前面有一个小图标,这个是可以自己添加的。我们所看到的网站几乎大部分都是有这个图标的,像大到BAT,小到个人站长。假如你今天是上线了一个新产品网站,一定要在自定义的浏览器环境中打开网站后,马上就能看到自己设计的图标,下面我就以我自己的博客为例来说一下怎么添加这个小图标吧,希望对新手或者不懂的同学有所帮助!

首先,准备一个ICO格式的文件。这个文件需要自己制作一下,刚开始准备好你想显示的那个logo图片吧,图片尽量选用PNG格式的,选择16*16像素备用。然后在百度上搜索一下ICO图标在线制作,会有很多工具可以使用的。当然了,你可以用favicon.ico在线转化工具,把图片转化为favicon.ico的站点图标。推荐两款在线转化的工具:

ico在线转化工具站点1:http://www.ico.la/;

ico在线转化工具站点2:http://www.chami.com/html-kit/services/favicon/;

打开图片,把存放在本地电脑上的那个图片导入进来,看我导入我自己的是这个样子的,以“曹”字为例,选好尺寸为16*16,然后保存ICO,就可以把ICO文件保存到本地,将转换好的ico文件改名为favicon.ico,这个文件也就算是完成了。

然后,将你存放于本地上的ICO文件用FTP工具上传到你网站的根目录。

其次就是在网站源码,index页面中代码中,在head标签中添加代码,接着就是保存啦。

最后,等你在服务器上保存好了,就生效了,你可以打开一次浏览器然后重新输入你浏览过的网址,这样看看是不是你刚才那个自己设计的一模一样的小图标出来了,是不是挺简单的。

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章