網站圖示產生器

建立在 16px 下仍清晰的網站圖示。可從圖片、文字或 Emoji 開始，在真實情境預覽後下載可用的圖示包。

文字或首字母（1–3 個字元）

背景前景形狀邊距 18%

🔒 圖片只在此裝置的瀏覽器中處理。

主畫布

小尺寸檢查

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，更要在實際尺寸下清晰可用。

ICO、PNG 與 SVG

ICO 相容性最廣。PNG 用於特定尺寸；只有來源本身是安全向量圖時才適合使用 SVG。

如何加入網站圖示

下載包包含 HTML、Next.js 與 React/Vite 指引。選擇一種安裝方式即可。

深色模式提示

匯出前請檢查淺色與深色預覽。較深的標記可能在深色瀏覽器介面中消失。

Google 顯示

Google 決定最終網站圖示的呈現方式。請保持圖示正方、穩定且可檢索；更新可能需要時間。

常見問題

網站圖示產生器常見問題

相關工具