ICO 圖示製作 · 網站 favicon
內嵌 PNG · 保留透明 · 上限 256。本機處理,未登入時圖片不上傳。
做 ICO 不是「把圖存成另一個格式」那麼簡單:同一個圖示要在 16、32、48 像素下都認得出來。而 16 像素只有 256 個點,原圖裡那些好看的漸層和細線到那個尺寸全糊成一團。
ICO 檔案裡內嵌的是一張 PNG(現代 ICO 格式允許 PNG 載荷),所以透明背景保得住,體積也比老式點陣載荷小。上限是 256×256,這不是我們設的閘,是 ICO 格式自己規定的:目錄項裡寬高各只佔 1 個位元組,256 要寫成 0,再大就存不進去了。所以匯出時,邊長超過 256 的圖會自動等比縮到 256×256 以內,不用自己先縮。另外要說清楚:產生的是單尺寸 ICO,不是傳統那種把 16/32/48 打包進一個檔案的多尺寸 ICO。現代網站的常見做法本來也不是靠多尺寸 ICO ——在 HTML 裡用 `link` 宣告幾張不同尺寸的 PNG,ICO 只留一個放在網站根目錄,給那些直接請求 /favicon.ico 的舊瀏覽器兜底。全部在你自己的瀏覽器裡算;未登入時圖片不上傳,登入後作品會自動存到你自己的雲端作品庫。
主要功能
保留透明背景
內嵌的是 PNG,透明角和圓角都存得住。
體積小
PNG 載荷比老式點陣載荷小得多,favicon 載入更快。
上限 256 是格式規定
ICO 目錄項裡寬高各佔 1 個位元組,256 寫作 0,再大存不進去。匯出時,邊長超過 256 的圖會自動等比縮到 256×256 以內。
本機處理
在你的瀏覽器裡處理。未登入時圖片不上傳,只在這臺瀏覽器裡留一份自動草稿(清瀏覽器資料即刪);登入後作品會自動存到你自己的雲端作品庫。
使用步驟
- 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,超過就表示不了。不是我們加的限制。原圖比這大也能匯:匯出時會自動等比縮到 256×256 以內。
- 免費嗎?圖片會上傳嗎?
- 免費、不註冊、不限次數。全在你自己的瀏覽器裡算;未登入時圖片不上傳,登入後作品會自動存到你自己的雲端作品庫。
現在就試試ICO 圖示製作 · 網站 favicon
免安裝 · 不用登入 · 本機不上傳 · AI 每天有免費額度