如何在网页标题栏中插入图片图标

1. 制作ico文件,你可以先制作出gif、jpg、png的都可以,大小在16px*16px最佳
2. 在百度搜“在线jpg转ico”,会有这样的网站,你按照步骤操作,得到ico文件
3. 将ico文件放置在网站根目录下
4. 在你的<head>...</head>添加
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
5. 如果没有显示,那么删除ie临时文件后刷新,一般就出来了。

图片转换成icon网站:
http://www.easyicon.net/covert/
http://www.ico.la/

实例:
<head>
        <meta charset = "utf-8" />
        <link rel = "icon" href="../img/head.jpg" type = "image/x-icon" />
        <link rel = "shortcut" href="../img/head.jpg" type = "image/x-icon" />
        <title>home</title>
        <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../css/home.css">
        <script type="text/javascript" src = "../bootstrap/js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src = "../bootstrap/js/bootstrap.min.js"></script>
    </head>
原文地址:https://www.cnblogs.com/Decmber/p/4914147.html