如何在 Webflow 添加 Favicon

Webflow 在 Project Settings 里管理 favicon。上传 32x32 的 PNG(Retina 推荐 256x256)。发布后 favicon 应用到整个项目。

第 1 步——准备 favicon

用图标生成器生成 256x256 的方形 PNG。Webflow 支持 PNG 和 ICO。

还没有 favicon?

操作步骤

  1. 打开项目,进入 Project Settings
  2. 点击 Images 标签
  3. 在 Favicon 下点击 Upload,选择你的 PNG
  4. 点击 Save Changes
  5. 发布项目让 favicon 上线

故障排查

  • 不显示?上传后必须 发布——favicon 不会出现在设计器预览里。
  • 还是旧的?浏览器对 favicon 缓存很狠——用无痕窗口测试。
  • 格式不对?用 PNG 或 ICO;Webflow 不接受 SVG 作为 favicon。

常见问题

Webflow 的 favicon 该多大?+

显示尺寸 32x32,但上传 256x256(或更大的方形)PNG 让 Retina 屏更清晰。

Webflow 支持 SVG favicon 吗?+

不支持——Webflow 的 favicon 上传只接受 PNG 和 ICO。要用 SVG 得通过自定义代码加 link 标签。

为什么我的 Webflow favicon 没上线?+

上传后必须 发布 项目。在发布前 favicon 不会出现在正式域名上。

还没有 favicon?

先用生成器做一个完整的 favicon 包,再按上面的步骤上传对应文件。

还没有 favicon?