如何在 Squarespace 中添加网站图标
Squarespace 将网站图标称为 Browser Icon（有时为 Site Icon）。从 Design 设置上传方形 PNG，Squarespace 会注入正确的 <link> 标签 - 标准计划不需要任何代码。
Quick answer
To add a favicon in Squarespace, go to Design → Site Styles → Browser Icon, upload a square 512×512 PNG, save, and publish — use the Favicon Generator to create the file and the Favicon Checker to verify it loads on your live domain.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
打开 Squarespace 仪表板，转到 Design → Site Styles → Browser Icon（在某些版本中：Settings → Website → Browser Icon）。上传方形 PNG — Squarespace 接受最小尺寸 100×100，但缩小尺寸后 512×512 会给出最清晰的结果。
使用 Favicon Generator 从徽标中导出方形 PNG，然后将其上传到 Browser Icon 面板中。 Squarespace 自动在每个页面上提供来自其 CDN 的图标。
保存后，发布或刷新您的网站并在私人窗口中打开您的实时域。浏览器会大量缓存图标 - 如果您仍然看到旧图标，请硬刷新或在图标 URL 中追加 ?v=2 一次。
如果您的 Squarespace 图标未显示，请通过 Favicon Checker 运行实时 URL，以确认 Browser Icon 路径返回 200。我们的图标未显示故障排除指南涵盖了也会影响 Squarespace 站点的缓存、CDN 和路径问题。
Google Search 需要一个从您的主页链接到的至少 48×48 的可爬行图标。如果您的选项卡图标可以工作，但 Google 仍然显示空白或过时的图标，请参阅我们的 Google 图标要求指南。
Squarespace 不接受 Browser Icon 字段中的 .ico 上传 — 请使用 PNG。对于域根目录下的单独 favicon.ico，您需要具有自定义代码或外部重定向的业务计划。
工作原理
- 1
Create a square PNG
Export 512×512 from your logo with the Favicon Generator.
- 2
上传Browser Icon
Design → Site Styles → Browser Icon → 上传并保存。
- 3
发布并验证
在私人窗口中打开您的实时站点，或运行 Favicon Checker 来确认图标加载。
立即尝试
Generate a Squarespace-ready favicon
Favicon 生成器常见问题
如何在 Squarespace 中添加网站图标？+
前往Design→Site Styles→Browser Icon，上传一个正方形PNG（推荐512×512），保存并发布。 Squarespace 为您添加 <link rel="icon"> 标签。
Squarespace 网站图标的尺寸应该是多少？+
Squarespace 接受小至 100×100 的图像，但上传 512×512 PNG 以获得清晰的标签、书签和 Google Search 资格。
为什么我的 Squarespace 图标没有显示？+
常见原因：更改未发布、浏览器缓存或查看暂存预览而不是实时域。硬刷新或在隐身窗口中测试。
Squarespace 中的图标设置在哪里？+
Design → Site Styles → Browser Icon。在较旧的仪表板上，它可能显示在 Settings → Website → Browser Icon 或 Site Icon 下。
我可以在 Squarespace 中使用 ICO 文件吗？+
对于内置 Browser Icon 上传器，否 - 使用 PNG。 ICO 仅可通过符合条件的计划进行自定义代码注入来实现。