Favicons and touch icons - Webflow help

Last updated on 10/13/2025@mrbirddev
Favicons and touch icons - Webflow help

在Webflow网站上使用网站图标和触摸图标。


在Webflow网站上使用网站图标和触摸图标

发布网站时最重要的收尾工作之一是如何在浏览器的UI或移动设备主屏幕上展示您的网站。


网站图标

大多数浏览器使用网站图标来在浏览器标签页和书签中表示您的网站。


触摸图标

触摸图标或Webclips用于Safari的书签等地方。当您的网站链接被保存到智能手机的主屏幕时,它们也会显示出来。


图像资产

在准备上传您的网页图标图像资产时,创建一个32x32像素的图像作为网站图标,以及一个256x256像素的图像作为Webclip或触摸图标。

您在这些图像资产中使用的文件名将在您的HTML中可见,因此请注意不要在文件名中包含您不希望被搜索引擎索引的内容。

上传您的图标

准备好图像资产后:

  1. 前往您的项目设置 > 常规标签 > 图标
  2. 上传您准备好的图像
  3. 发布您的网站以使更改生效
  4. 在浏览器中刷新您的在线网站以查看更新后的网站图标

返回Webflow帮助

Last updated on 10/13/2025@mrbirddev
Recent Articles
Loading...