圖片工具 / 21
Favicon轉換器
將一張圖片轉換成完整的favicon套件,包含各種PNG尺寸、多解析度favicon.ico與site.webmanifest,並打包成單一zip檔。
Favicon轉換器: TOEA會將您的圖片轉換為16、32、180、192與512像素等尺寸,將兩種小尺寸圖片封裝成多解析度favicon.ico,建立相符的site.webmanifest,並將全部七個檔案打包成一個zip檔。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 圖片工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
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%的中央圓形範圍內。
使用方式
- 選擇一張方形圖片,建議尺寸至少為512 × 512。
- 設定manifest使用的網站名稱與主題色彩。
- 建立套件並下載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網址,或在私密視窗中檢查,以確認伺服器提供的是新檔案。
免費工具・使用在瀏覽器中次・免註冊