將 Favicon 新增至您的商店

Favicon 或收藏圖示是顯示在網址旁的方形小圖片或標誌。Favicon 會顯示在瀏覽器索引標籤以及列出網址的瀏覽器頁面 (例如書籤頁) 上。您可以將 Favicon 新增至線上商店，協助塑造品牌形象，並為網站呈現高雅的專業形象。

建立 Favicon

您可以使用免費的 Favicon 產生器網站來建立自訂 Favicon，也可以自行建立 Favicon。如要尋找 Favicon 產生器，請在網際網路上搜尋 free favicon generator (免費的 Favicon 產生器)。

Favicon 的理想尺寸為 16x16 像素或 32x32 像素。如果您的 Favicon 檔案過大，在上傳至 Shopify 時會自動縮減為 32x32 像素。

將 Favicon 新增至您的線上商店

Basic Shopify 方案或更高級方案提供新增 Favicon 的選項。若採用 Shopify Starter 方案則無法新增 Favicon。

秘訣

部分佈景主題可讓您將替代文字新增至 favicon。圖片無法載入時，則會顯示替代文字，並透過螢幕閱讀軟體使用此替代文字向視障人士描述圖片。

步驟如下：

電腦版

1. 在 Shopify 管理介面中，前往「網路商店」>「佈景主題」。
2. 尋找要編輯的佈景主題，然後點擊「自訂」。
3. 點擊齒輪圖示以存取「佈景主題設定」。
4. 視佈景主題版本而定，點擊「標誌」或「Favicon」。

5. 在「Favicon 圖片」區域中，點擊「選擇圖片」，然後執行下列任一操作：

   • 若要選擇已上傳到 Shopify 管理介面的圖片，請點擊「商店圖庫」索引標籤。
   • 若要從電腦本機中選取圖片，請點擊「新增圖片」。

6. 點擊「完成」。

7. 為您的 favicon 圖片新增替代文字：

   1. 按一下「編輯」。
   2. 在「預覽和編輯」視窗的「替代文字」欄位中，輸入圖片的簡短說明。
   3. 點擊「儲存」。

8. 點擊「儲存」。

iPhone

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在「銷售管道」區段中，點選「網路商店」。
3. 點選「管理所有佈景主題」。
4. 尋找要編輯的佈景主題，然後點選「自訂」。
5. 點選齒輪圖示以存取「佈景主題設定」。
6. 視佈景主題版本而定，點一下「標誌」或「Favicon」。

7. 在「Favicon 圖片」區域中，點選「選擇圖片」，然後執行下列任一操作：

   • 若要選擇已上傳到 Shopify 管理介面的圖片，請點一下「商店圖庫」索引標籤。
   • 若要從電腦本機中選取圖片，請點選「新增圖片」。

8. 點選「完成」。

9. 為您的 favicon 圖片新增替代文字：

   1. 點一下「編輯」。
   2. 在「預覽和編輯」視窗的「替代文字」欄位中，輸入圖片的簡短說明。
   3. 點選「儲存」。

10. 點擊「儲存」。

Android

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在「銷售管道」區段中，點選「網路商店」。
3. 點選「管理所有佈景主題」。
4. 尋找要編輯的佈景主題，然後點選「自訂」。
5. 依序點選「...」>「佈景主題設定」。
6. 視佈景主題版本而定，點一下「標誌」或「Favicon」。

7. 在「Favicon 圖片」區域中，點選「選擇圖片」，然後執行下列任一操作：

   • 若要選擇已上傳到 Shopify 管理介面的圖片，請點一下「商店圖庫」索引標籤。
   • 若要從電腦本機中選取圖片，請點選「新增圖片」。

8. 點選「完成」。

9. 為您的 favicon 圖片新增替代文字：

   1. 點一下「編輯」。
   2. 在「預覽和編輯」視窗的「替代文字」欄位中，輸入圖片的簡短說明。
   3. 點選「儲存」。

10. 點一下「✓」圖示。