ICO、PNG 與 SVG
ICO 相容性最廣。PNG 用於特定尺寸；只有來源本身是安全向量圖時才適合使用 SVG。
本機建立 favicon
網站圖示產生器
建立在 16px 下仍清晰的網站圖示。可從圖片、文字或 Emoji 開始，在真實情境預覽後下載可用的圖示包。
🔒 圖片只在此裝置的瀏覽器中處理。
主畫布
小尺寸檢查64px 48px 32px 24px 16px
匯出
下載網站圖示包
包含 ICO、PNG、Apple、PWA 清單與安裝說明。
在 HTML 文件標頭中使用這些標籤。 <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Favicon 基礎知識
不只是縮放 Logo，更要在實際尺寸下清晰可用。
如何加入網站圖示
下載包包含 HTML、Next.js 與 React/Vite 指引。選擇一種安裝方式即可。
深色模式提示
匯出前請檢查淺色與深色預覽。較深的標記可能在深色瀏覽器介面中消失。
Google 顯示
Google 決定最終網站圖示的呈現方式。請保持圖示正方、穩定且可檢索；更新可能需要時間。
常見問題
網站圖示產生器常見問題
什麼是網站圖示？
網站圖示（favicon）是顯示在瀏覽器分頁、書籤和部分搜尋結果中的小型方形圖示。
需要哪些 favicon 尺寸？
此工具包包含 ICO，以及 16、32、180、192 和 512 像素 PNG，涵蓋常見瀏覽器與應用程式。
圖片會上傳嗎？
不會。圖片解碼、繪製與匯出都在瀏覽器中完成。
這是 AI favicon 產生器嗎？
不是。工具從圖片、文字或 Emoji 建立 favicon 檔案，不會宣稱 AI 產生 Logo。
為什麼 favicon 模糊？
小圖示需要清晰且高對比的主體。可透過真實 16px 與 32px 預覽減少邊距或簡化細節。