向商店添加网站图标

Favicon（网站图标）是显示在网址旁边的小型方形图片或 logo。您可以在浏览器选项卡以及列出网址的浏览器网页（如书签页面）上找到网站图标。您可以将网站图标添加到在线商店，帮助强化您的品牌并向网站添加精美外观。

创建网站图标

您可以使用免费的网站图标生成器网站来创建自定义网站图标，或者您也可以创建自己的网站图标。要查找网站图标生成器，请通过 Internet 搜索 free favicon generator。

网站图标的理想尺寸为 16x16 像素或 32x32 像素。如果网站图标文件太大，将其上传到 Shopify 时，它会被缩减为 32x32 像素。

将网站图标添加到您的在线商店

Basic Shopify 套餐或更高级的套餐中提供添加网站图标的选项。Shopify Starter 套餐不支持添加网站图标。

提示:

某些模板允许向网站图标添加替代文本。如果无法加载图片，则显示替代文本，屏幕阅读软件可使用该文本为视觉障碍用户描述图片。

步骤：

桌面

1. 在 Shopify 后台中，转至在线商店 > 模板。
2. 找到您要编辑的模板，然后点击自定义。
3. 点击齿轮图标以访问模板设置。
4. 根据您的模板版本，请点击 logo 或网站图标。

5. 在 Favicon image（网站图标图片）区域中，点击选择图片，然后执行以下一项操作：

   • 若要选择已上传到 Shopify 管理员的图片，请点击商店库标签。
   • 若要从本地计算机选择图片，请点击添加图片。

6. 点击完成。

7. 将替代文本添加到网站图标图片：

   1. 点击编辑。
   2. 在预览和编辑窗口中，在替代文本字段中输入图片的简要说明。
   3. 点击保存。

8. 点击保存。

iPhone

1. 在 Shopify 应用中，点击 … 按钮。
2. 在销售渠道部分，点击在线商店。
3. 点击管理所有模板。
4. 找到您要编辑的模板，然后轻触自定义。
5. 轻触齿轮图标以访问模板设置。
6. 根据您的模板版本，请轻触 logo 或网站图标。

7. 在 Favicon image（网站图标图片）区域中，轻触选择图片，然后执行以下一项操作：

   • 若要选择已上传到 Shopify 管理员的图片，请轻触商店库标签。
   • 若要从本地计算机选择图片，请轻触添加图片。

8. 点击完成。

9. 将替代文本添加到网站图标图片：

   1. 轻触编辑。
   2. 在预览和编辑窗口中，在替代文本字段中输入图片的简要说明。
   3. 轻触保存。

10. 点击保存。

Android

1. 在 Shopify 应用中，点击 … 按钮。
2. 在销售渠道部分，点击在线商店。
3. 点击管理所有模板。
4. 找到您要编辑的模板，然后轻触自定义。
5. 点击 ... > 模板设置。
6. 根据您的模板版本，请轻触 logo 或网站图标。

7. 在 Favicon image（网站图标图片）区域中，轻触选择图片，然后执行以下一项操作：

   • 若要选择已上传到 Shopify 管理员的图片，请轻触商店库标签。
   • 若要从本地计算机选择图片，请轻触添加图片。

8. 点击完成。

9. 将替代文本添加到网站图标图片：

   1. 轻触编辑。
   2. 在预览和编辑窗口中，在替代文本字段中输入图片的简要说明。
   3. 轻触保存。

10. 点击 ✓。