網站圖示產生器
從任何圖片產生完整的網站圖示(favicon)與應用程式圖示 PNG 檔——從 16×16 到 512×512——完全在你的瀏覽器中處理。
🔒 在你的瀏覽器本機處理
載入中…
使用方法
- 將圖片拖放到上方框中,或點擊選擇檔案。
- 非正方形的圖片會自動置中裁切為正方形。
- 每個尺寸的圖示產生後會立即顯示預覽。
- 可以逐一下載圖示,或使用「全部下載」依序儲存所有尺寸。
功能特色
- 產生 6 種標準尺寸:16、32、48、180、192 與 512 px
- 包含 Apple touch icon 與 Android/PWA manifest 所需的圖示尺寸
- 自動將非正方形圖片置中裁切為正方形
- 每個產生的尺寸都能即時預覽
- 100% 本機處理,使用 Canvas API,不需上傳
常見問題
為什麼需要這麼多不同尺寸的 favicon?
不同瀏覽器、作業系統與平台會要求不同的圖示尺寸——例如 16×16 與 32×32 用於瀏覽器分頁與書籤、180×180 用於 iOS 的 Apple touch icon,而 192×192/512×512 則用於 Android 主畫面與 PWA manifest。提供齊全的尺寸能確保你的網站在各處都能清晰顯示。
如果我的圖片不是正方形怎麼辦?
系統會先自動將圖片置中裁切為最大的正方形,再進行縮放,因此每個產生的圖示都會是正方形,不會變形。
可以上傳哪些檔案格式?
支援 JPG、PNG 與 WebP 圖片,所有產生的 favicon 都會匯出為 PNG 檔案。
我的圖片會被上傳到哪裡嗎?
不會。裁切與縮放都是使用瀏覽器內建的 Canvas API 在本機完成,圖片不會離開你的裝置。
產生的檔案該如何用在我的網站上?
將 favicon-16x16.png、favicon-32x32.png、favicon-48x48.png 與 apple-touch-icon.png 放到網站根目錄,再連同兩個 Android/PWA 尺寸,一起加入 HTML 的 link 標籤或 web app manifest 中即可。