新增網站圖示

網站圖示 (或稱 favicon) 是代表貴網站的獨特圖示。本指引將說明如何新增網站圖示至網站。

網站圖示會顯示於多個位置：

• WordPress.com 儀表板的網站名稱旁。
• 訪客的瀏覽器分頁。
• 使用者在瀏覽器將你的網站加入書籤後顯示的圖示。
• 顯示於搜尋結果。
• 儲存至瀏覽器或手機後，顯示為主畫面的應用程式圖示。

以下是幾個範例：

若要上傳網站圖示至網站：

1. 前往網站的儀表板。
2. 前往「設定」→「一般」。
3. 按一下「網站圖示」旁的「選擇網站圖示」按鈕

4. 網站的「媒體」面板開啟後，你可以：
   • 從「媒體庫」分頁選擇現有圖片。
   • 從「上傳檔案」分頁上傳新圖片，請按照以下指引操作。
5. 選取圖片後，按一下「媒體」面板右下角的「設為網站圖示」按鈕。
   • 如果圖片是正方形，即可直接設為網站圖示。
   • 如果不是，你會看到裁切圖片的選項 (這個步驟無法跳過)。選取正方形裁切後，按一下「裁切圖片」按鈕前往下一步。

6. 選取或裁切網站圖示後，按一下頁面底端的「儲存變更」按鈕，即可儲存網站圖示。
   

網站圖示的圖片檔案應符合以下條件：

• 長寬比：上傳正方形圖片。
• 尺寸：至少 512 x 512 像素。
• 檔案類型：PNG 和 SVG 圖片檔案類型居多。支援所有有效的 favicon 格式。

以下提供一些實用的祕訣：

1. 簡約為上。切記，版面沒有太多空間可以讓你發揮！
2. 容易識別。嘗試在不大的設計空間中，打造品牌的精神象徵。如果你慣用的標誌不是小正方形，請嘗試可聯想該標誌的設計，避免直接使用原始的標誌。
3. 儘量不使用文字或字母。請記得，favicon 圖片尺寸很小。即使你平時使用的標誌有公司名稱，也得在 favicon 化繁為簡。
4. 考慮顏色。不同的網頁瀏覽器 (例如 Google Chrome、Safari、Edge) 使用不同色系組合。有鑑於深色模式日益普及，最好確保 favicon 能在任何使用者瀏覽器上都呈現最佳效果。請確保 favicon 在白灰黑的背景顏色中，仍然美觀醒目。

若要移除網站圖示：

1. 前往網站的儀表板。
2. 前往「設定」→「一般」。
3. 在目前預覽圖片下方，按一下「網站圖示」旁的「移除網站圖示」按鈕。