给网站添加标题栏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
一道常见的正则表达式面试题及答案
一道常见的正则表达式面试题及答案
2
Adobe系列软件安装错误代码详解和解决方案
Adobe系列软件安装错误代码详解和解决方案
3
Adobe Photoshop CS6打开图片看不到或黑屏的解决办法
Adobe Photoshop CS6打开图片看不到或黑屏的解决办法
4
网站中video方式引入视频资源,播放时提示The media could not be loaded, either because the server or network failed or because the format is not supported.的一种原因
网站中video方式引入视频资源,播放时提示The media could not be loaded, either because the server or network failed or because the format is not supported.的一种原因
5
再谈Windows快速删除海量文件方法 - Mass Direct
再谈Windows快速删除海量文件方法 - Mass Direct
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主