网站图标获取后如何添加到网站:放入根目录 + HTML head引用?
标准操作步骤:
注意事项:
- 图标准备:
- 格式:.ico、.png、.svg
- 尺寸:建议16x16、32x32、64x64等多尺寸
- 文件放置:
- 上传到网站根目录
- 通常命名为
favicon.ico
- 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>
- 清除浏览器缓存测试
- 使用favicon生成器创建完整套件
- 确保文件权限可读
更新时间:2025-06-22 18:28:25
下一篇: