如何在 Webflow 添加 Favicon
Webflow 在 Project Settings 里管理 favicon。上传 32x32 的 PNG(Retina 推荐 256x256)。发布后 favicon 应用到整个项目。
第 1 步——准备 favicon
用图标生成器生成 256x256 的方形 PNG。Webflow 支持 PNG 和 ICO。
还没有 favicon?操作步骤
- 打开项目,进入 Project Settings
- 点击 Images 标签
- 在 Favicon 下点击 Upload,选择你的 PNG
- 点击 Save Changes
- 发布项目让 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?