圖片工具 / 21

Favicon轉換器

將一張圖片轉換成完整的favicon套件,包含各種PNG尺寸、多解析度favicon.ico與site.webmanifest,並打包成單一zip檔。

Favicon轉換器: TOEA會將您的圖片轉換為16、32、180、192與512像素等尺寸,將兩種小尺寸圖片封裝成多解析度favicon.ico,建立相符的site.webmanifest,並將全部七個檔案打包成一個zip檔。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
Favicon套件製作台本機處理

全程在瀏覽器中執行

↥
選擇方形來源圖片

PNG、JPG、WebP或SVG · 1024 × 1024以上的尺寸效果最佳

將ICO檔案放在根目錄

即使沒有頁面連結到/favicon.ico,瀏覽器仍會從網站根目錄請求它;有些Feed閱讀器、書籤工具和爬蟲也不會尋找其他位置。因此,請將ICO檔案放在根目錄,而不是images資料夾。若頁首確實有連結圖示,瀏覽器會優先使用這些連結,讓PNG檔案服務現代瀏覽器,而ICO則涵蓋其他情況。 MDN 圖示文件.

調整資訊清單

產生的site.webmanifest會將網站名稱同時用於name和short_name。短名稱會顯示在主畫面圖示下方,約12個字元後就可能被截斷,因此名稱較長時請縮短。圖示清單沒有加入"purpose": "maskable",因此Android可能會將圖示縮小後放在白色圓形內。若要填滿啟動器的形狀,請加入單獨的可遮罩圖示,並將重要內容放在寬度80%的中央圓形範圍內。

使用方式

  1. 選擇一張方形圖片,建議尺寸至少為512 × 512。
  2. 設定manifest使用的網站名稱與主題色彩。
  3. 建立套件並下載zip檔。

隱私與限制

圖片不會離開您的瀏覽器:所有尺寸、ICO容器與zip檔都會在您的裝置上組合完成。透明的來源圖片會保持透明。

相關工具

常見問題

zip檔裡有哪些內容?

favicon.ico、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png與site.webmanifest,這是favicon產生器通常會產生的相同檔案組合。

favicon.ico裡可以包含多種尺寸嗎?

可以。它包含16 × 16與32 × 32兩張圖片,並以PNG項目的形式儲存,因此能保留alpha通道。

檔案要放在哪裡?

請將檔案解壓縮到網站根目錄,接著在HTML head中連結favicon-32x32.png、favicon-16x16.png與apple-touch-icon.png,並將manifest連結指向site.webmanifest。

為什麼上傳後圖示看起來還是不正確?

瀏覽器會積極快取favicon,而且favicon的快取與一般檔案分開。請直接開啟PNG網址,或在私密視窗中檢查,以確認伺服器提供的是新檔案。

免費工具・使用在瀏覽器中次・免註冊