網站 Favicon 圖示設定方法：ICO 檔案放置與 Link 標籤指定

兩種標準方式

1. 根目錄放置 favicon.ico：
   瀏覽器會自動請求 https://domain/favicon.ico，無需修改 HTML。 建議尺寸 16x16、32x32、48x48 多解析度打包在單一 .ico 檔。
2. HTML <head> 中指定：

   <link rel="icon" type="image/x-icon" href="/favicon.ico">
   <!-- 或使用 PNG -->
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
   

   支援多尺寸、多格式，適用於子目錄部署或 CDN。

建議作法

• 同時提供：根目錄 favicon.ico + <link> 標籤指向 PNG 版本。
• 使用線上工具（如 RealFaviconGenerator）一次產生所有尺寸與 HTML 片段。
• 設定 HTTP 快取頭：Cache-Control: max-age=31536000, immutable，減少請求。

常見問題

• 瀏覽器快取舊圖示：清除快取或更改檔名（如 favicon-v2.ico）。
• HTTPS 網站引用 HTTP 圖示：會被瀏覽器阻擋，確保連結為相對路徑或同協定。