Favicon 產生器
用一張圖片產生網站所需的全部圖示:多尺寸 favicon.ico、PNG 圖示、Apple touch 圖示、Android/Chrome 圖示與 web manifest — 打包成一個 ZIP 下載,並附上可直接貼上的 HTML。所有處理都在您的瀏覽器中完成,圖片不會上傳。
如何產生 favicon
- 在上方加入您的標誌或圖案 — 正方形的 PNG 或 SVG 效果最佳。
- 選擇非正方形圖片的處理方式並挑選背景色,然後檢查 16、32、48 像素的預覽。
- 下載 ZIP,把檔案放到網站根目錄,並將 HTML 程式碼片段貼進 <head>。
關於 favicon
Favicon 是瀏覽器顯示在分頁、書籤、歷史紀錄與搜尋結果中的小圖示。現代網站需要多種尺寸與格式:傳統 .ico 用於分頁與舊版瀏覽器、PNG 用於高解析度螢幕、180×180 的 Apple touch 圖示用於 iOS 主畫面,以及 web manifest 引用的 192/512 像素圖示,供 Android 與 PWA 安裝使用。
本產生器輸出的 .ico 是真正的多尺寸圖示(16、32、48 像素合併在同一個檔案,採用相容性最高的傳統 BMP 格式),並以分段縮小的方式維持畫質,即使縮到 16 像素依然清晰。隨附的 site.webmanifest 與 HTML 程式碼片段皆採用各瀏覽器與搜尋引擎預期的標準檔名。
常見問題
套件裡包含哪些檔案?
包含 16、32、48 像素三種尺寸合一的 favicon.ico、favicon-16x16.png 與 favicon-32x32.png、apple-touch-icon.png(180×180)、192×192 與 512×512 的 android-chrome 圖示,以及 site.webmanifest — 另附將這些檔案全部連結起來的 HTML 程式碼片段。
該從什麼圖片開始?
最好使用至少 512×512 像素的正方形圖片。若圖片不是正方形,可選擇裁切成正方形或以留白方式縮放 — 即時預覽會顯示 16、32、48 像素的實際效果。
為什麼 Apple touch 圖示沒有透明背景?
iOS 會把透明區域顯示成黑色,因此 Apple touch 圖示會壓平到您選擇的背景色上。其他圖示則保留原圖的透明度。
我的圖片會被上傳嗎?
不會。縮放、打包 .ico 與壓縮 ZIP 全部在您的瀏覽器內完成;圖片不會離開您的裝置。