將 Favicon 新增至您的商店

Favicon 或收藏圖示是顯示網頁名稱旁的小圖片或標誌。Favicon 會顯示在瀏覽器分頁以及列出網站的瀏覽器頁面 (例如書籤頁) 上。將 Favicon 新增至網路商店有助於塑造品牌形象，讓您的網站看起來更加精美。

建立 Favicon

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

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

將 Favicon 新增至您的線上商店

如果您採用 Basic Shopify 或更高等級的方案，可以在您的網路商店新增 Favicon。如果您採用的是 Starter 方案，便無法將 Favicon 新增到網路商店。

秘訣

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

步驟如下：

電腦版

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

5. 在「Favicon 圖片」區段中點按「選擇圖片」，然後執行下列其中一個操作：

   • 若要選取已上傳至 Shopify 管理介面的圖片，請搜尋或尋找該圖片，然後使用核取方塊選取圖片。
   • 若要從本機電腦選取圖片，請點按「新增圖片」並從本機電腦開啟圖片，然後使用核取方塊選取圖片。

6. 點擊「完成」。

7. 選用：執行下列操作以新增 Favicon 圖片的替代文字：

   1. 在「Favicon 圖片」區段中，點按「編輯」。
   2. 在「預覽和編輯」對話方塊的「替代文字」欄位中，輸入圖片的簡短說明。
   3. 點擊「儲存」。

8. 點擊「儲存」。

iPhone

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

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

   • 若要選取已上傳至 Shopify 管理介面的圖片，請搜尋或尋找該圖片，然後使用核取方塊選取圖片。
   • 若要從本機裝置選取圖片，請點選「新增圖片」並從本機裝置開啟圖片，然後使用核取方塊選取圖片。

8. 點選「完成」。

9. 執行下列操作以新增 Favicon 圖片的替代文字：

   1. 在「Favicon 圖片」區段中，點選「編輯」。
   2. 在「預覽和編輯」對話方塊的「替代文字」欄位中，輸入圖片的簡短說明。
   3. 點選「儲存」。

10. 點選「儲存」。

Android

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

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

   • 若要選取已上傳至 Shopify 管理介面的圖片，請搜尋或尋找該圖片，然後使用核取方塊選取圖片。
   • 若要從本機裝置選取圖片，請點選「新增圖片」並從本機裝置開啟圖片，然後使用核取方塊選取圖片。

8. 點選「完成」。

9. 執行下列操作以新增 Favicon 圖片的替代文字：

   1. 在「Favicon 圖片」區段中，點選「編輯」。
   2. 在「預覽和編輯」對話方塊的「替代文字」欄位中，輸入圖片的簡短說明。
   3. 點選「儲存」。

10. 點一下「✓」圖示。