Favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上。
目前主要的浏览器都支持favicon.ico图标
一 制作favicon图标
1 把品优购图标切成png图片
2 把png图片转换为ico图标,这需要借助第三方转换网站,例如:比特虫:制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net
格式工厂也可以哦
二 favicon图标放到网站根目录下
三 HTML页面引入favicon图标
<link rel="shortcut icon" href="favicon.ico" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>品优购</title>
<!-- 网站的favicon图标 -->
<link rel="shortcut icon" href="favicon.ico" />
<!-- 引入初始化样式文件 -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
</head>
<body>
123
</body>
</html>