给网站添加标题栏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
中国高速铁路线路图2018年最新版,旅游出差必备!
中国高速铁路线路图2018年最新版,旅游出差必备!
2
koa2框架使用ctx.cookies.set()时报错ctx.cookies.set('str', encodeURIComponent('我是regcookie'))的解决方法
koa2框架使用ctx.cookies.set()时报错ctx.cookies.set('str', encodeURIComponent('我是regcookie'))的解决方法
3
谷歌浏览器黄色警告Fetching scripts with an invalid type/language attributes is deprecated and will be removed in M56...的解决方案
谷歌浏览器黄色警告Fetching scripts with an invalid type/language attributes is deprecated and will be removed in M56...的解决方案
4
老孙IT数码站 低调上线
老孙IT数码站 低调上线
5
利用路由侠实现多台windows电脑远程共享USB设备的详细操作方法
利用路由侠实现多台windows电脑远程共享USB设备的详细操作方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主