网站favion.ico图标

最新推荐文章于 2024-02-23 21:31:37 发布

黄丫丫07

最新推荐文章于 2024-02-23 21:31:37 发布

阅读量393

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/m0_51495354/article/details/127983671

版权

Favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。

目前主要的浏览器都支持favicon.ico图标

一制作favicon图标

1 把品优购图标切成png图片

2 把png图片转换为ico图标，这需要借助第三方转换网站，例如：比特虫：制作ico图标 | 在线ico图标转换工具方便制作favicon.ico - 比特虫 - Bitbug.net

格式工厂也可以哦

二 favicon图标放到网站根目录下

三 HTML页面引入favicon图标

<!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>