给网站添加标题栏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
JAVA大战PHP
JAVA大战PHP
2
MAC系统中安装Adobe系列软件提示“您的系统上的安装程序模块版本与当前的安装程序不兼容。请下载最新版本Adobe安装程序,然后重试。(错误代码188)”的解决方案
MAC系统中安装Adobe系列软件提示“您的系统上的安装程序模块版本与当前的安装程序不兼容。请下载最新版本Adobe安装程序,然后重试。(错误代码188)”的解决方案
3
神坑react native之unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
神坑react native之unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
4
端午安康!博客进行了主题升级
端午安康!博客进行了主题升级
5
利用路由侠实现多台windows电脑远程共享USB设备的详细操作方法
利用路由侠实现多台windows电脑远程共享USB设备的详细操作方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主