作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置
接下来介绍制作方法：
在图片中显示图标，这里的图片只支持ico格式，需要转换图片格式。
步骤一：
原始图像可以接受: .jpg .jpeg .gif .png等图像格式
在这个网址http://www.bitbug.net/上传你的原始图片然后生成ico格式图标(百度ico可以找到制作ico图标的网站)；
注意：图标要用 16*16 色的
目的：保证了兼容性，无论在哪个地方都可以显示
步骤二：把图标放到网站根目录
再<head></head>引入图标
网页标题左侧显示：<link rel="icon" href="图标地址" type="image/item-icon">
收藏夹显示图标：<link rel="shortcut icon" href="图标地址" type="image/item-icon">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>制作自己的Logo</title>
<!--网页标题左侧显示-->
<link rel="icon" href="item.ico" type="image/item-icon">
<!--收藏夹显示图标-->
<link rel="shortcut icon" href="item.ico" type="image/item-icon">
</head>
<body>
</body>
</html>
获取别人的Logo
步骤一：在网站首页 打开开发者工具
在Elements里<head></head>里找到<link rel="icon" href="图标名称.ico" type="image/x-icon">
步骤二：点击右键在新标签页打开链接
Goolge：Open link in new tab——找到href的链接地址右键，找到Open link in new tab这个选项。
