指南

网站图标 HTML 生成器

图标只是工作的一半 - HTML 链接标签决定每个浏览器选择哪个文件。一键生成完整、正确的集合。

完整的图标设置包括 favicon.ico、SVG 变体、apple-touch-icon 和 PWA 清单图标的标签。缺少其中任何一个都会在至少一个平台上产生后备图标。

在此处生成标签,将其粘贴到您的 <head> 中,然后就完成了。

工作原理

  1. 1

    生成您的网站图标

    使用图标生成器生成 .ico + PNG + SVG。

  2. 2

    复制标签

    将生成的 <link> 块粘贴到 <head> 中。

  3. 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”>。

相关工具

更多指南

指南

探索FetchFavicon

类别

转换器

公用事业

指南

教程