如何在 HTML 中添加网站图标
三个标签覆盖99%的情况。另外两个可为您提供完整的 PWA 级设置。
3 分钟阅读
最小标签
<link rel="icon" href="/favicon.ico"> — 就是这样。每个浏览器都会获取它。
现代推荐套装
添加 SVG 和 apple-touch-icon 以在每个平台上进行清晰渲染：
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" 尺寸="180x180" href="/apple-touch-icon.png">
PWA 安装提示
添加包含 192×192 和 512×512 PNG 条目的 manifest.json，然后链接 <link rel="manifest" href="/site.webmanifest">。