网站建设资讯

NEWS

网站建设资讯

给网站网址栏添加小图标的方法步骤-创新互联

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

站在用户的角度思考问题,与客户深入沟通,找到王益网站设计与王益网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广、主机域名虚拟主机、企业邮箱。业务覆盖王益地区。
给网站网址栏添加小图标的方法步骤

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

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

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


当前标题:给网站网址栏添加小图标的方法步骤-创新互联
网址分享:http://cdweb.net/article/gjocg.html