跳至主要內容

尋找下一個工具

瀏覽器內的私密工具

網站圖示生成器

將一張圖片生成實用的 favicon 套件,包含瀏覽器、Apple touch 和 PWA 尺寸,以及可直接複製的 HTML。

每張圖片最大 20 MiB、40 百萬像素。聯絡表支援 2–50 張圖片,總計最多 100 MiB。圖示輸出會把整張圖片放入帶透明邊距的正方形中。

瀏覽器本地處理無需帳號免費使用 原圖保持不變

為什麼需要這個工具

簡潔、高對比度的標誌在極小的 favicon 尺寸下效果最好。

  • ✓ 16–512px 尺寸
  • ✓ 實時預覽
  • ✓ HTML 程式碼片段
  • ✓ 瀏覽器本地處理

適用場景

  • • 網站
  • • PWA
  • • 品牌煥新

生成網站真正能用的圖示套件

favicon 不只是一個很小的 ICO 檔案。現代網站可能需要多種 PNG 尺寸、Apple touch 圖示、PWA 圖示,以及一小段把它們連線起來的 HTML。

從正方形來源圖片開始

簡潔、高對比度的標誌比細節豐富的插畫更能經受小尺寸考驗。約 512 像素或更大的正方形來源圖片能讓生成器乾淨地製作小圖示。

發布前請預覽最小的圖示。在 512 像素下完美的標誌,在 16 或 32 像素下可能難以辨認。

替換現有圖示前先檢查檔案包

開啟生成的檔案,確認名稱和尺寸,再把提供的程式碼貼上到網站的 head 中。在新檔案驗證完成前,請保留現有的 favicon 套件。

常見問題與解答

favicon 應該用什麼圖片?

乾淨的正方形標誌或圖形效果最好。高對比度和簡單的形狀通常比精細細節更能適應極小尺寸。

網站應該有哪些 favicon 尺寸?

常見的網頁和裝置場景會使用多種尺寸,而不是單一檔案。生成器提供多種 PNG 尺寸和 ICO 包,方便您選擇網站需要的檔案。

需要同時提供 favicon.ico 和 PNG 圖示嗎?

它們服務於不同的瀏覽器和平台,因此在需要廣泛相容時,兩者都保留更實用。

可以使用 SVG 標誌嗎?

只要瀏覽器能解碼就可以,但請檢查生成的 PNG/ICO,因為點陣化時字型、濾鏡和外部引用可能發生變化。

繼續後續流程