TutuEdit
新建作品

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. 1
    傳圖片
    方形的圖最合適。把圖片拖進框裡。
  2. 2
    調成方形
    裁成 1:1,再把尺寸設成 32×32 或 48×48。
  3. 3
    匯出選 ICO
    在匯出對話框裡把格式選成 ICO。
  4. 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 每天有免費額度