把圖片轉成 Favicon

直接在瀏覽器中把照片或標誌變成完整的 favicon 組合——favicon.ico、apple-touch-icon 與網頁 app 用的 PNG——不會上傳任何內容。

隱私優先:每張圖片都在你的瀏覽器中本機處理。任何內容都不會上傳、儲存或傳輸到任何伺服器。

從單一圖片到完整組合

放入任何圖片,就能取回網站需要的每個圖示:分頁用的多尺寸 favicon.ico、iOS 用的 180px apple-touch-icon、Android 與 PWA 用的 192 與 512px PNG、一份 web manifest,以及把它們接起來的 HTML。非方形的圖片會被置中裁切以符合尺寸,而形狀、內距與背景控制項讓你決定成果的構圖。

從設計上就顧及隱私

favicon 網站通常會先上傳你的美術素材,才回傳任何東西。在這裡,整組檔案都透過 Canvas API 在你的裝置上產生,因此你的標誌絕不會被傳輸、儲存或記錄。它是即時的,載入後也能離線運作,而你下載到的,正是你的瀏覽器所產生的內容。

常見問題

製作 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。