图标配置指南 🎨

1. 基础配置

在项目根目录创建 public/icons 文件夹，上传以下图标文件：

• favicon.ico（网站favicon）
• logo.png（主视觉Logo）
• apple-touch-icon.png（移动端适配）

📌 注意：所有图标建议使用 WebP 或 SVG 格式以提升加载速度

2. 配置步骤

2.1 HTML配置

在 index.html 中添加：

<link rel="icon" href="/icons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">

2.2 框架配置（以React为例）

在 public/manifest.json 中设置：

{
  "icons": [
    {
      "src": "/icons/logo.png",
      "sizes": "192x192"
    }
  ]
}

3. 高级技巧

🔧 使用工具自动生成多尺寸图标：

• Icon Converter
• SVG Optimizer

4. 常见问题

❓ 图标未显示？请检查：

1. 文件路径是否正确
2. 文件扩展名是否匹配
3. 服务器是否配置了正确的MIME类型

需要更多帮助？查看完整文档 🔍