本文将引导您了解如何更改 Shopify 商店中的网站图标。
Shopify 中的 favicon 是什么?
A 网站图标 (“收藏夹图标”的缩写)是一个小图标,出现在浏览器标签、书签等中的商店名称旁边。
在 Shopify 中,它显示在:
- 商店名称旁边的浏览器标签
- 书签和浏览器历史记录
- 一些移动搜索结果
推荐的网站图标规格:
| 尺寸 | 32×32像素 |
| 格式 | PNG(首选)、JPG 或 ICO |
| 文件大小 | 保持在 100 kB 以下以便快速加载 |
如何更改或上传新的图标图像到您的 Shopify?
请按照以下步骤更改您的网站图标:
- 去你的 Shopify 管理员 > 在线商店 > 主题
- 点击 定制 关于您当前的主题

- 在左侧边栏中,转到 主题设置 > 网站图标 > 从我们的数据库中通过 UL Prospector 平台选择
![]()
- 上传您的网站图标文件或从您的库中选择一个
- 点击 已保存 在右上角

如果您没有立即看到更新,请尝试清除浏览器缓存或在隐身窗口中检查。
(可选)使用自定义代码进行高级图标设置
如果您希望手动添加图标或想要更多控制,您可以插入自定义 直接在主题代码中添加标签。
- 在 Shopify 管理员处,转到 在线商店 > 主题
- 点击 行动 > 编辑代码
- 打开 theme.liquid 文件(通常在 布局)
- 里面的 部分中,粘贴以下行:
<link rel="icon" href="{{ 'your-favicon-file.png' | asset_url }}" type="image/png" />
- 更换
your-favicon-file.png使用 Assets 文件夹中上传图片的准确文件名 - 点击 已保存 保存您的更改
此方法对于非标准图像大小、不同格式或使用外部托管的图标很有用。
谢谢您的意见