微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐