我的知识记录

网站图标获取后如何添加到网站:放入根目录 + HTML head引用?

标准操作步骤
  1. 图标准备
    • 格式:.ico、.png、.svg
    • 尺寸:建议16x16、32x32、64x64等多尺寸
  2. 文件放置
    • 上传到网站根目录
    • 通常命名为favicon.ico
  3. HTML引用

 
html
<head> <!-- 基本favicon --> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <!-- 多尺寸备用 --> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <!-- Apple设备 --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Android设备 --> <link rel="manifest" href="/site.webmanifest"> </head>
注意事项
  1. 清除浏览器缓存测试
  2. 使用favicon生成器创建完整套件
  3. 确保文件权限可读

网站图标获取后如何添加到网站:放入根目录 + HTML head引用?

标签:

更新时间:2025-06-22 18:28:25

上一篇:功能报错是否影响用户体验?如何快速定位并修复?

下一篇: