指南

Webflow 的网站图标

Webflow 将您的网站图标存储在项目设置中,并通过每个已发布页面的 CDN 提供该图标。上传方形 32×32 PNG 或 ICO — 或 256×256+ 源 Webflow 将缩小尺寸。

打开您的项目 → 项目设置 → 常规 → 网站图标。 Webflow 接受 PNG、ICO 或 GIF,并在发布时注入正确的 <link rel="icon"> 标签。

对于视网膜选项卡和 iOS 主屏幕安装,如果您的计划允许嵌入 <head>,还可以通过站点设置中的自定义代码添加 apple-touch-icon 和 PWA 图标。

工作原理

  1. 1

    生成一个方形图标

    使用我们的图标生成器 — 导出 .ico 加上 180×180 apple-touch-icon。

  2. 2

    项目设置 → 网站图标

    上传您的 PNG 或 ICO。

  3. 3

    发布

    Webflow 将该图标推送到您的自定义域上的每个页面。

立即尝试

生成 Webflow 就绪的图标

Favicon 生成器

常见问题

Webflow 使用什么尺寸的网站图标?+

32×32 是上传目标,但从 256×256 或 512×512 开始,因此缩小尺寸保持急剧。

为什么我的 Webflow 图标没有更新?+

更改资产后发布站点。浏览器缓存图标 - 硬刷新或将 ?v=2 添加到自定义代码中的 URL。

我可以在 Webflow 上使用 SVG 图标吗?+

内置上传器需要光栅格式。如果您需要矢量+深色模式,请通过项目设置 → 自定义代码 → Head 中的自定义代码添加 SVG。

相关工具

更多指南

指南

探索FetchFavicon

类别

转换器

公用事业

指南

教程