Favicon／ICO 產生器
將 Logo 或圖片轉成網站分頁圖示，一次下載多尺寸 favicon.ico。免安裝，圖片不會上傳。
所有圖片處理都在你的瀏覽器本機完成；離開頁面後不會保留圖片。
如何產生並安裝 Favicon？
- 選擇清晰、主體簡單的 Logo，透明 PNG 通常最適合。建議至少 256 × 256 px。
- 選擇需要的尺寸，以及完整保留或置中裁切，再按「產生 Favicon」。修改設定後需重新產生。
- 確認小尺寸仍能辨識，下載 favicon.ico，將它放在網站根目錄。
- 將下面這段程式碼加入網頁的 <head>，實際路徑可依網站調整。
<link rel="icon" href="/favicon.ico" type="image/x-icon">若網站裝在子目錄，請把 href 改成實際路徑。下載的各尺寸 PNG 是替代格式，引用 PNG 時應加上對應的 sizes 屬性。
為什麼網站需要多尺寸 ICO？
Favicon 是瀏覽器分頁、書籤等位置顯示的小圖示。ICO 能在單一檔案內存放多個尺寸，讓支援的瀏覽器或系統選擇合適的版本。一般照片即使縮小，也未必能在 16 px 下看清楚；請優先保留品牌符號，減少細線和小字。
這個工具適合個人網站、作品集及品牌網站的分頁圖示。要調整取景位置，可先使用圖片裁切工具；需要 PWA、iPhone 主畫面圖示或完整應用程式圖示組合時，仍需另備對應檔案。
常見問題
圖片會上傳或儲存在伺服器嗎？
不會。圖片解碼、縮放及 ICO 組裝都在瀏覽器本機完成，不會送出圖片內容，也不會在離開後保存圖片。
ICO 與 PNG 有什麼差別？
PNG 是單張圖片；ICO 是可包含多個尺寸的圖示容器。此工具將所選尺寸的 PNG 圖像放入 ICO，也提供各尺寸 PNG 單獨下載。
透明背景會保留嗎？
會。PNG、WebP 原有的透明區域會保留；完整保留模式新增的留白也是透明的。JPG 原有的白色背景不會自動去背。
長方形圖片會被拉伸嗎？
不會。完整保留會等比例縮放並在短邊補透明留白；置中裁切則取中央正方形，可能移除圖片邊緣。若要手動取景，請先用圖片裁切工具。
支援哪些瀏覽器與系統？
請使用支援 Canvas 的現代瀏覽器。產生的 ICO 使用 PNG 圖像項目，適用現代瀏覽器與作業系統；不保證舊版 Windows 或只接受 BMP 圖像項目的軟體相容。此工具不產生 Apple Touch Icon 或 PWA 圖示組合。
換了 Favicon 為什麼仍看到舊圖示？
瀏覽器、CDN 或網站外掛可能快取圖示。先確認檔案路徑正確，嘗試無痕視窗或清除快取；也可在引用網址加上版本參數，例如 /favicon.ico?v=2。