網站圖示生成器
將一個圖像轉換為完整的 favicon 集合，包含每個常見大小，以及一個準備粘貼的 HTML 片段。全部在您的瀏覽器中。
將圖像拖放到這裡
或
如何生成 favicon 集合
- 將一個圖像拖放到上傳區域，或點擊從您的設備中選擇。
- 該工具將您的圖像方形化並居中，然後渲染每個常見的 favicon 大小。
- 單獨下載每個 PNG，或使用下載全部來獲取完整集合。
- 將 HTML 片段複製到您網站的 head 中。
常見問題
我的圖像會上傳到服務器嗎？
不會。favicons 完全在您的瀏覽器中使用 Canvas API 生成，因此您的圖像不會離開您的設備。
生成器產生什麼大小？
它生成 16x16、32x32、48x48、180x180（apple-touch-icon）、192x192 和 512x512 的 PNG 文件，這是現代瀏覽器請求的最常見大小。
如果我的圖像不是正方形呢？
圖像會縮小以適應正方形畫布並居中，兩側會有透明空間，因此結果仍然可以作為圖標使用。
這個工具是免費使用的嗎？
是的。每個Handio工具都是免費的，無需註冊，無限制，無水印。
相關工具
為什麼要生成 favicon 集合？
瀏覽器在多個大小下請求 favicon 用於標籤、書籤和主屏幕。完整的集合使您的網站在各處看起來清晰，而不是因為單個調整大小的圖像而模糊不清。
- 涵蓋瀏覽器可能請求的每個大小，從 16 像素的標籤到 512 像素的圖標。
- 提供 iOS 主屏幕使用的 apple-touch-icon。
- 獲取準確的 HTML 標記以粘貼到您網站的 head 中。
提示和限制
從簡單、高對比度的圖像開始，因為在 16 像素時細節會丟失。PNG 輸出保持透明度，180 像素的 apple-touch-icon 應該是一個實心形狀，沒有透明邊緣。一切都在您的瀏覽器中本地運行。