Favicon / App icon 全套產生器
三種輸入方式(emoji / 1-3 個字 / 上傳圖片)→ 一次輸出 favicon.ico、PNG 全尺寸(16/32/48/96/180/192/512)、PWA maskable icon、Microsoft tile、HTML snippet 與 site.webmanifest,打包 ZIP 下載。
輸入模式
背景色
›如何使用
- 上方選 輸入模式:Emoji(快速可愛)、文字(品牌縮寫如
9N)、上傳(已有 logo)。 - 依模式設定背景色、文字色、padding 等;上傳 模式可選圓角(iOS 風)、padding、背景。
- 下方填 應用名稱(會寫進
site.webmanifest),按 產生 favicon。 - 成功後右邊看到全尺寸預覽,展開 HTML / manifest snippet 區可直接複製,或按 下載 ZIP 拿全套檔案。
Tips
- ZIP 包含:
favicon.ico(多解析度 16/32/48)、16-512 PNG 全套、apple-touch-icon、Android Chrome、PWA maskable、Microsoft tile、HTML snippet 與 site.webmanifest。 - maskable icon 是 Android 12+ 必備(讓桌面圖示能被裁成圓 / 圓角矩形而不變形);我們預留 10% 安全區。
- Emoji 模式在 macOS / iOS 用 Apple Color Emoji,Windows / Android 是系統 emoji,跨平台外觀會略有差異。
- 整個流程在你的瀏覽器 Canvas API 渲染,圖片完全不上傳(對比 realfavicongenerator.net 必上傳)。