给网站添加标题栏ico小图标的方法

最近有实训班有同学问网站标题栏的ico小图标怎么弄,如图,每个网站在标题栏几乎都有这么一个小图标,而且这个图标也好弄,方法如下:

百度ico图标

设计好自己的图标文件,jpg、png或者gif都可以,然后打开 www.ico.la ,点击upload image将自己设计的图片上传到网站上,然后点击对应尺寸(推荐32*32)将转换好的ico格式图标下载到电脑中。

网站添加ico图标

将下载到的的ico图标改名为favico.ico,上传到网站根目录。然后在网站首页的源文件<head> </head>之间插入这段代码:<link rel=”shortcut icon” href=”favicon.ico”>

大功告成!

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
Node.js+Koa2+art-template ctx.render()方法提示Not Found解决方案
Node.js+Koa2+art-template ctx.render()方法提示Not Found解决方案
2
windows下快速删除大量文件的方法
windows下快速删除大量文件的方法
3
再见,2018
再见,2018
4
将webstorm开发工具的关闭当前标签快捷键改为ctrl+w的方法
将webstorm开发工具的关闭当前标签快捷键改为ctrl+w的方法
5
MacOS设置账号自动登录的方法
MacOS设置账号自动登录的方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主