瀏覽器內的私密工具
網站圖示生成器
將一張圖片生成實用的 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,因為點陣化時字型、濾鏡和外部引用可能發生變化。