什麼是 favicon.ico？
一文講清經典網站圖示：它是什麼、該用哪些尺寸以及如何製作。
favicon.ico 是瀏覽器從網站根目錄請求的小圖示檔案，會顯示在分頁、書籤和網址列中。
快速回答
簡而言之：
favicon.ico 是一個多尺寸 ICO 檔案，應包含 16×16, 32×32, 和 48×48 圖示，以確保在所有瀏覽器、工作列和桌面捷徑中都能正常顯示。
favicon.ico 尺寸
單一 favicon.ico 檔案可打包多個尺寸，以下是你需要的尺寸。
| 尺寸 | 用途 |
|---|---|
| 16×16 | 瀏覽器分頁 |
| 32×32 | 工作列 |
| 48×48 | 桌面捷徑 |
favicon.ico vs PNG vs SVG
保留 favicon.ico 以相容舊環境，再新增 PNG 和 SVG 以支援現代瀏覽器。
| 格式 | 最適合 |
|---|---|
| favicon.ico | 舊瀏覽器和 Windows；單一檔案包含 16×16、32×32 和 48×48 |
| PNG | 適合分頁和書籤的清晰現代圖示 |
| SVG | 可縮放向量圖示，支援深色模式 |
如何新增 favicon.ico
將 favicon.ico 放在網站根目錄，並在 HTML 中加入以下標籤：
<link rel="icon" href="/favicon.ico" sizes="any">常見的 favicon.ico 錯誤
- ICO 檔案內只保存了一個尺寸
- 把 PNG 檔案直接改名為 favicon.ico
- 忘記將 favicon.ico 放在根目錄
- 上傳了低解析度或非正方形的原始圖片
常見問題
favicon.ico 是什麼意思？
favicon.ico 是經典的「我的最愛圖示」檔案。它是一個小型 ICO 圖像，瀏覽器會從網站根目錄載入它並顯示在分頁、書籤和網址列中。
favicon.ico 應包含哪些尺寸？
favicon.ico 應包含 16×16、32×32 和 48×48 圖示。舊瀏覽器使用 16×16，而 Windows 工作列和捷徑會使用更大的尺寸。
2026 年還需要 favicon.ico 嗎？
需要。現代瀏覽器較偏好 PNG 和 SVG，但 favicon.ico 仍是相容性最好的備用方案，尤其是在 Windows 和舊瀏覽器上。