网站图标 HTML 生成器
图标只是工作的一半 - HTML 链接标签决定每个浏览器选择哪个文件。一键生成完整、正确的集合。
完整的图标设置包括 favicon.ico、SVG 变体、apple-touch-icon 和 PWA 清单图标的标签。缺少其中任何一个都会在至少一个平台上产生后备图标。
在此处生成标签，将其粘贴到您的 <head> 中，然后就完成了。
工作原理
- 1
生成您的网站图标
使用图标生成器生成 .ico + PNG + SVG。
- 2
复制标签
将生成的 <link> 块粘贴到 <head> 中。
- 3
核实
在 Chrome、Safari、Firefox 和 Edge 中打开您的网站 — 所有这些都应该显示该图标。
立即尝试
获取 HTML 标签
Favicon 生成器常见问题
哪个标签最重要？+
<link rel="icon" href="/favicon.ico"> — 这是通用的后备方案。
我需要一个manifest.json吗？+
仅当您想要正确的 PWA 安装体验时。否则，可选。
apple-touch-icon 去哪儿了？+
<链接rel =“apple-touch-icon”尺寸=“180x180”href =“/apple-touch-icon.png”>。