ICO 圖示製作 · 網站 favicon
內嵌 PNG · 保留透明 · 上限 256。本機處理,圖片不上傳。
傳張圖,調好尺寸,匯出時選 ICO 就行。
ICO 檔案裡內嵌的是一張 PNG(現代 ICO 格式允許 PNG 載荷),所以透明背景保得住,體積也比老式點陣載荷小。上限是 256×256,這不是我們設的閘,是 ICO 格式自己規定的:目錄項裡寬高各只佔 1 個位元組,256 要寫成 0,再大就存不進去了。另外要說清楚:產生的是單尺寸 ICO,不是傳統那種把 16/32/48 打包進一個檔案的多尺寸 ICO。現代網站的常見做法本來也不是靠多尺寸 ICO ——在 HTML 裡用 `link` 宣告幾張不同尺寸的 PNG,ICO 只留一個放在網站根目錄,給那些直接請求 /favicon.ico 的舊瀏覽器兜底。全部在你自己的瀏覽器裡算,圖片不上傳。
主要功能
保留透明背景
內嵌的是 PNG,透明角和圓角都存得住。
體積小
PNG 載荷比老式點陣載荷小得多,favicon 載入更快。
上限 256 是格式規定
ICO 目錄項裡寬高各佔 1 個位元組,256 寫作 0,再大存不進去。
本機處理
圖片不上傳伺服器,關掉頁面什麼都不剩。
使用步驟
- 1 傳圖片方形的圖最合適。把圖片拖進框裡。
- 2 調成方形裁成 1:1,再把尺寸設成 32×32 或 48×48。
- 3 匯出選 ICO在匯出對話框裡把格式選成 ICO。
- 4 放到網站根目錄命名成 favicon.ico 放在根目錄,舊瀏覽器會直接來請求它。
常見問題
- 產生的是多尺寸 ICO 嗎?
- 不是,是單尺寸。檔案裡內嵌一張 PNG,所以體積小、透明也保得住。需要多個尺寸就分別匯出幾個;不過現代網站更常見的做法是在 HTML 裡宣告幾張 PNG,ICO 只留一個兜底。
- favicon 該做多大?
- 單個 ICO 建議 32×32 或 48×48。現代瀏覽器實際上更常用 HTML 裡宣告的 PNG(180×180 給 iOS 主畫面、192 和 512 給 PWA)。ICO 主要是給直接請求 /favicon.ico 的舊瀏覽器兜底。
- ICO 最大能多大?
- 256×256。這是 ICO 格式本身的規定——檔案目錄項裡寬和高各只佔 1 個位元組,256 要寫成 0,超過就表示不了。不是我們加的限制。
- 免費嗎?圖片會上傳嗎?
- 免費、不註冊、不限次數。圖片也不上傳,全在你自己的瀏覽器裡算。
現在就試試ICO 圖示製作 · 網站 favicon
純瀏覽器執行 · 免安裝 · 免註冊 · 圖片不上傳伺服器