Favicon 產生器

Favicon 是網站不可或缺的品牌元素。有別於過去只要準備一個 16x16 的 .ico 檔案，現代網頁開發的標準已經轉變為一套完整的圖示組合：包含供現代瀏覽器使用的 favicon.svg，給 iOS 裝置使用的 apple-touch-icon.png (180px)，以及 Android 與 PWA 所需的 192px/512px 高解析度圖示。

這款線上 Favicon 產生器能讓您利用現成的圖片、輸入單字或 Emoji，一鍵無痛產生符合現代標準的所有檔案與相對應的 HTML 程式碼。最重要的是，所有的處理過程都在您的瀏覽器端執行，圖片完全不會上傳，既快速又安全。

Favicon

顯示在瀏覽器分頁標籤或書籤列旁邊的小圖示，是建立網站品牌形象、幫助使用者快速在眾多頁籤中找到您網站的重要元素。

.ico 格式

最傳統的 Favicon 影像格式。其最大的優勢在於能夠在單一檔案內包裝多種尺寸（例如 16x16, 32x32），供瀏覽器自行挑選最適合的解析度。

Apple Touch Icon

當使用者將網站「加入主畫面」成為 iOS 裝置 (iPhone/iPad) 的捷徑時所顯示的 App 圖示。目前標準尺寸建議為 180x180 px 的 PNG 圖片。

SVG Favicon

可縮放的向量圖示格式。不僅檔案極小、不失真，還能透過 CSS 的 prefers-color-scheme 來實現深色模式與淺色模式的自動顏色切換。

Web App Manifest (.webmanifest)

一個用來描述漸進式網頁應用程式 (PWA) 的 JSON 檔案。它告訴瀏覽器當網站安裝到行動裝置桌面時，應該叫什麼名稱、使用什麼圖示以及套用哪種主題顏色。

Q.上傳的圖片會被存到伺服器嗎？

絕對不會。所有的圖片處理與 Favicon 產生工作都在您的瀏覽器端執行，您的資料不會傳送到任何外部伺服器上。

Q.現在最新的 Favicon 標準需要哪些尺寸？

目前的最佳實務是：提供 favicon.ico 供舊版瀏覽器使用、提供 favicon.svg 供現代瀏覽器使用、提供 180px 的 apple-touch-icon.png 供 iOS 系統使用，以及提供 192px / 512px 供 Android 或 PWA 使用。

Q.背景可以設定為透明嗎？

可以的。如果您上傳的是透明的 PNG 或 SVG，只要勾選「透明背景」選項即可。同樣地，由文字或 Emoji 產生的 Favicon 也可以使用透明背景。

Q.「深色模式背景顏色」的作用是什麼？

當您設定此選項後，產出的 SVG 檔案內會嵌入特定的 CSS 媒體查詢。當使用者的作業系統或瀏覽器切換到深色模式時，Favicon 的背景就會自動變成您所指定的深色。

Q.用文字或 Emoji 產生的 Favicon 可以免費商用嗎？

是的，利用本工具產生的檔案皆可免費作為商業用途。但請注意，Emoji 的圖示外觀會因為使用者作業系統 (如 iOS、Windows) 所內建的字體而有所不同。