Favicon 是網站的圖示,通常顯示在瀏覽器標籤頁中。更換網站的 favicon 圖示可以提升品牌形象和使用者體驗。以下是具體步驟:
-
準備圖示檔案:
- 選擇一個適合的圖示檔案,常見的格式有
.ico
、.png
和.gif
。 - 推薦使用 16x16 或 32x32 畫素的圖示,以確保在不同裝置上都能清晰顯示。
- 選擇一個適合的圖示檔案,常見的格式有
-
上傳圖示檔案:
- 將準備好的圖示檔案上傳到網站的根目錄或指定的資料夾中。例如,可以上傳到
yourdomain.com/images
目錄。
- 將準備好的圖示檔案上傳到網站的根目錄或指定的資料夾中。例如,可以上傳到
-
修改 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">
- 開啟網站的主 HTML 檔案(通常是
-
清除瀏覽器快取:
- 儲存並上傳修改後的 HTML 檔案後,清除瀏覽器快取,確保看到最新的 favicon 圖示。
-
檢查效果:
- 在瀏覽器中開啟網站,檢查 favicon 是否顯示正確。如果仍然顯示舊的圖示,可以嘗試強制重新整理頁面(Windows: Ctrl + F5,Mac: Cmd + R)。