Favicon 產生器
從單一圖片產生完整的 favicon 組合——favicon.ico、apple-touch-icon、Android/PWA 圖示與 HTML 程式碼片段——完全在你的瀏覽器中完成。不會上傳任何內容。
隱私優先：每張圖片都在你的瀏覽器中本機處理。任何內容都不會上傳、儲存或傳輸到任何伺服器。
現代網站需要的每個圖示，一次到位
favicon 早已不只是一個檔案。瀏覽器會讀取小尺寸的 favicon.ico 用於分頁與網址列，iOS 需要 180×180 的 apple-touch-icon 放到主畫面，而 Android 與可安裝的網頁 app 則會從 web manifest 取用 192 與 512px 的 PNG。這個產生器會從一張來源圖片建立出全部檔案，並給你可直接貼上的 HTML 程式碼片段，讓你不必手動匯出六種尺寸。
照你想要的方式構圖，並保有隱私
圖示可以保持方形、加上圓角，或裁成圓形；加上內距，讓標誌不會緊貼邊緣；並選擇透明或純色背景。即時預覽會以真實的 favicon 尺寸顯示結果，還包含模擬的瀏覽器分頁。因為每個檔案都在你的裝置上產生，你的標誌——往往是尚未發表的品牌識別——絕不會被送到伺服器。
常見問題
- 製作 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。