SVG 轉 Favicon
把 SVG 標誌變成完整的 favicon 組合——favicon.ico、apple-touch-icon 與網頁 app 圖示——在你的瀏覽器中清晰點陣化。不會上傳任何內容。
隱私優先：每張圖片都在你的瀏覽器中本機處理。任何內容都不會上傳、儲存或傳輸到任何伺服器。
向量進，每種點陣尺寸出
SVG 是最理想的 favicon 來源：它與解析度無關，因此每個圖示尺寸都能從原始幾何直接點陣化，而不是從一張已經很小的點陣圖重新取樣。放入你的 SVG，每個輸出——16、32、48、180、192 與 512 像素——都會以原生尺寸從向量繪製，讓邊緣保持銳利而不糊成一片。這正是「在分頁裡看起來像刻意設計」與「看起來像一團污漬」之間的差別。
為什麼你仍然需要 .ico
現代瀏覽器很樂意直接使用 SVG favicon，但較舊的瀏覽器以及許多工具——RSS 閱讀器、聊天連結預覽、桌面捷徑——仍然會去找 favicon.ico。從同一份 SVG 同時產生兩者，就能全面覆蓋。加上內距，挑選方形、圓角或圓形遮罩與背景，然後下載完整組合，還附上可直接貼上的 HTML 程式碼片段。
常見問題
- 製作 favicon 時我的圖片會被上傳嗎？
- 不會。favicon.ico、PNG 圖示與 manifest 全都透過 Canvas API 在你的瀏覽器本機產生。你的圖片永遠不會離開裝置。
- 我會拿到哪些尺寸與檔案？
- 一個多解析度的 favicon.ico（16、32 與 48px）、16、32、48、180（apple-touch-icon）、192 與 512px 的 PNG 圖示、一個 site.webmanifest，以及一段可貼進 <head> 的 HTML 程式碼片段。
- 我可以把 PNG 或 SVG 轉成 ICO 嗎？
- 可以。丟入 PNG、JPG、SVG 或 WebP，就能下載真正的 favicon.ico。SVG 標誌會先在本機以高解析度點陣化。
- 什麼樣的圖片效果最好？
- 簡潔、高對比的方形標誌。非方形的圖片會置中裁切以符合比例；你可以用內距與形狀控制項，把它框成你想要的樣子。
- 我要如何安裝 favicon？
- 把套件解壓縮到網站的根目錄，並把提供的 HTML 程式碼片段貼進頁面的 <head>。大多數瀏覽器都會自動抓取 favicon.ico。