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>