WebP 轉 ICO 轉換器

Q: 上傳動態 WebP 會怎麼樣？

ICO 只能存放靜態圖片,因此轉換器會使用第一個影格(**動態圖片輸入**設為**僅第一個影格**)。若第一個影格是空白或轉場中的畫面,請改選其他來源。

你的標誌只有從自家網站存下來或設計軟體匯出的 WebP 檔？把它轉成 favicon.ico，瀏覽器、書籤和 Windows 捷徑都能直接讀取，不必另外加標記語法。

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

轉換為

檔案會在我們的伺服器上處理，並於 30 分鐘後刪除。

使用方式

1
上傳 WebP 標誌
拖放 .webp 檔案,一次最多 20 個,每個最大 95 MB。建議使用至少 256 × 256 px 的正方形標誌。
2
保留所有圖示尺寸
在進階設定下,圖示尺寸預設為所有尺寸(16–256)。動態 WebP 會使用第一個影格。
3
轉換後上傳到網站
按下轉換為 ICO,必要時將檔名改為 favicon.ico,並放到網站的根目錄資料夾。

如今從網站存下的標誌多半是 WebP。只要轉換一次,就能把該檔案變成多尺寸的 favicon.ico,並保留透明背景。

用 WebP 標誌製作 favicon.ico

自 Google 在 2010 年推出後,WebP 已成為網路上大部分網站的預設圖片格式;WordPress 自 2021 年的 5.8 版起接受上傳 WebP,許多圖片 CDN 也會把提供的每張 PNG 轉換掉。因此當你想找自己的標誌時,找到的副本往往是 .webp,而 favicon 產生器、Windows 與部分主機控制台並不接受。

ICO 格式解決的問題與 WebP 不同。它不是單一壓縮圖片,而是把數個正方形點陣圖打包在一起,由瀏覽器或作業系統挑選所需尺寸:分頁用 16 px,工作列或書籤列用 32 px,桌面捷徑與高密度螢幕則用更大的尺寸。轉換時會一次從你的 WebP 產生這些尺寸。

請保留 WebP 原檔,用於頁面標頭的標誌。兩種檔案用在不同位置,轉換不會更動原始檔案。

轉換器會在 ICO 裡放入哪些內容

五種尺寸封裝在一個 .ico 中: 16–256 px
每批 WebP 檔案數: 20
每個檔案大小上限: 95 MB
之後會從伺服器刪除: 30 分鐘

WEBP

WebP 圖片

WebP 是 Google 於 2010 年推出的圖片格式，目的是讓網頁載入更快。它在同一種格式中同時支援有損與無損壓縮、Alpha 透明度與動畫。在視覺品質相近時，有損 WebP 檔案通常比 JPEG 小 25–35%，無損 WebP 通常也比 PNG 小。目前所有主流瀏覽器都支援，但部分較舊的桌面軟體、列印服務與上傳表單仍然不接受。Windows、macOS 與多數新型圖片編輯軟體都能開啟 WebP 檔案。

壓縮方式: 有損或無損
透明度: 支援
動畫: 支援
推出年份: 2010 · Google

WEBP 轉檔工具

ICO

Windows 圖示

ICO 是 Microsoft 的圖示格式，用於 Windows 程式圖示和網站 favicon。單一 .ico 檔可包含多種尺寸的影像，例如 16×16、32×32、48×48 和 256×256 像素，讓系統挑選最合適的尺寸。每張影像可儲存為點陣圖或 PNG 資料，並支援完整的 Alpha 透明度。ICO 不適合用於照片或大型圖像。瀏覽器、Windows 和多數圖示編輯器都能讀取。

壓縮方式: 無損
透明度: 支援
動畫: 不支援
推出年份: Microsoft

ICO 轉檔工具

當品牌標誌只剩下網站或 CMS 提供的壓縮檔,而網站根目錄又需要 favicon.ico 時,就要把 WebP 標誌轉成 ICO。

讓 WebP 標誌適合 16 px 的瀏覽器分頁

裁切到標誌主體
多數標誌是橫向的。只保留符號或第一個字母,並裁切成帶少許留白的正方形。
拿掉小字
標語與文字標誌在 16 px 時會變成灰色雜訊。單一粗體形狀能保留,細線條則不行。
檢查兩種分頁顏色
分別在淺色與深色瀏覽器主題下查看結果。透明背景上的深色標誌,在深色分頁上可能會看不見。

把新的網站圖示加到你的網站

把 favicon.ico 放在根目錄,讓 yoursite.com/favicon.ico 能直接存取。在頁面 head 中以 <link rel="icon" href="/favicon.ico" sizes="any"> 宣告,可明確指定;WordPress 等 CMS 也有自己的網站圖示欄位,會自動寫入這些標籤。

另外還有兩種圖示可補齊整組。iPhone 與 iPad 在使用者將網站加入主畫面時會使用 apple-touch-icon,也就是 180 × 180 px 的 PNG;可用 WebP 轉 PNG 與我們的裁切教學製作。Google 搜尋要求正方形 favicon,且尺寸為 48 px 的倍數,因此從首頁連結一個 96 或 144 px 的 PNG,也能涵蓋搜尋結果。瀏覽器會積極快取 favicon;開啟無痕視窗即可立刻看到新圖示。

WebP 轉 ICO 常見問題

標誌已經是 WebP 了，為什麼還需要 .ico？

當頁面未宣告圖示時,瀏覽器會自行向網站根目錄請求 /favicon.ico;Windows 捷徑、舊版瀏覽器及許多 CMS 的 favicon 欄位也都需要 ICO 或 PNG。根目錄放一個 .ico,不必加任何標記就能全部支援。

WebP 標誌周圍的透明區域會保持透明嗎？

可以。WebP 與 ICO 都支援 Alpha 色版,因此透明背景會原樣保留在圖示內的每個尺寸,favicon 在淺色與深色瀏覽器分頁上都能清楚顯示。

上傳動態 WebP 會怎麼樣？

ICO 只能存放靜態圖片,因此轉換器會使用第一個影格(動態圖片輸入設為僅第一個影格)。若第一個影格是空白或轉場中的畫面,請改選其他來源。

WebP 的破壞性壓縮會出現在網站圖示上嗎？

在 16 到 64 px 時很少發生,因為縮小會把細微瑕疵平均掉。128 與 256 px 的圖層仍可能殘留淡淡的光暈。若標誌也有向量檔,使用 SVG 轉 ICO 可得到最乾淨的邊緣。

WebP 標誌需要多少解析度，網站圖示才會清晰？

至少 256 × 256 px 且為正方形,這樣最大的圖層是縮小而來,而非放大。從網頁標頭存下的 120 px 標誌,在較大的尺寸中會顯得模糊。

WebP 轉 ICO 轉換器

圖片轉換器

使用方式

上傳 WebP 標誌

保留所有圖示尺寸

轉換後上傳到網站