温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

给网站网址栏添加小图标的方法步骤

发布时间:2021-09-27 15:44:01 来源:亿速云 阅读:122 作者:iii 栏目:建站服务器

本篇内容主要讲解“给网站网址栏添加小图标的方法步骤”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“给网站网址栏添加小图标的方法步骤”吧!

给网站网址栏添加小图标的方法步骤

  首先,准备一个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标签中添加代码:,接着就是保存啦。以我博客为例来个截图:

给网站网址栏添加小图标的方法步骤

到此,相信大家对“给网站网址栏添加小图标的方法步骤”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI