修改網站favicon,如何更換網站的favicon圖示

黄文Rex發表於2024-12-08

Favicon 是網站的圖示,通常顯示在瀏覽器標籤頁中。更換網站的 favicon 圖示可以提升品牌形象和使用者體驗。以下是具體步驟:

  1. 準備圖示檔案

    • 選擇一個適合的圖示檔案,常見的格式有 .ico.png.gif
    • 推薦使用 16x16 或 32x32 畫素的圖示,以確保在不同裝置上都能清晰顯示。
  2. 上傳圖示檔案

    • 將準備好的圖示檔案上傳到網站的根目錄或指定的資料夾中。例如,可以上傳到 yourdomain.com/images 目錄。
  3. 修改 HTML 檔案

    • 開啟網站的主 HTML 檔案(通常是 index.html),找到 <head> 部分。
    • 新增或修改以下程式碼,指向新的 favicon 檔案:
      html
      <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
    • 如果使用的是其他格式(如 PNG),可以這樣寫:
      html
      <link rel="icon" href="/images/favicon.png" type="image/png">
  4. 清除瀏覽器快取

    • 儲存並上傳修改後的 HTML 檔案後,清除瀏覽器快取,確保看到最新的 favicon 圖示。
  5. 檢查效果

    • 在瀏覽器中開啟網站,檢查 favicon 是否顯示正確。如果仍然顯示舊的圖示,可以嘗試強制重新整理頁面(Windows: Ctrl + F5,Mac: Cmd + R)。

相關文章