免費辦公工具
Favicon 產生器。
免費 Favicon 產生器:上傳一張 Logo,一次產出網站需要的各尺寸圖示(16、32、180、192、512px)並附 HTML 貼上就能用,全程瀏覽器處理不上傳。
上傳 Logo(建議正方形 512px 以上 PNG) 點一下選檔或拖曳進來,全程不上傳
HTML(貼進 head)
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
常見問題
現在的網站還需要 .ico 檔嗎?
現代瀏覽器都支援 PNG 格式的 favicon,用本工具產出的 32px PNG 搭配正確的 link 標籤即可;180px 給 iPhone 加到主畫面用(apple-touch-icon),192 與 512px 給 Android 與 PWA 用。仍想要 .ico 的話,可把 32px PNG 交給設計或工程再轉一層。
原圖用什麼規格效果最好?
建議上傳正方形、512px 以上的 PNG(可含透明背景)。圖案要簡單粗壯,因為縮到 16px 時細節都會消失;文字型 Logo 建議只取首字或符號,縮小後才認得出來。
上傳的 Logo 不是正方形怎麼辦?
工具會自動置中裁切成正方形再縮放,長方形 Logo 的左右或上下會被裁掉。若裁切結果不理想,建議先用圖片編輯把 Logo 放進正方形畫布(周圍留白)再上傳,成品會更好看。
換了 favicon 網站沒更新怎麼辦?
瀏覽器對 favicon 的快取很頑固。上傳新檔後可以在網址加上版本參數(例如 favicon-32.png?v=2)強制更新,或清除瀏覽器快取;訪客端的更新會隨時間自然完成,不必著急。