Favicon 與網站圖示產生器
在瀏覽器本機透過文字縮寫、圖片/SVG 或 Emoji 一鍵產生多圖層 favicon.ico（16x16/32x32/48x48）、iOS 桌面圖示（180x180）及 Android PWA 全套圖示與設定檔。
真·多尺寸合併二進位 favicon.ico 深淺色分頁與搜尋結果真實預覽 iOS 桌面與 Android PWA 開箱即用
圖示來源
字級比例56%
背景、圓角與邊距
圓角弧度22%
安全內邊距12%
瀏覽器分頁與多端即時預覽
瀏覽器淺色分頁
Anything Tools
瀏覽器深色分頁
Anything Tools
Google 搜尋結果站點圖示預覽
Anything Tools
https://example.com
Anything Tools — Official Website
Anything Tools
全尺寸圖示匯出列表
favicon.ico
16×16, 32×32, 48×48 multi-layer
favicon-16x16.png
16×16 px (Browser Tab)
favicon-32x32.png
32×32 px (Retina Tab)
favicon-48x48.png
48×48 px (Google SERP)
apple-touch-icon.png
180×180 px (iOS / Safari)
android-chrome-192x192.png
192×192 px (Android / PWA)
android-chrome-512x512.png
512×512 px (PWA Splash)
HTML 引入程式碼與 Web Manifest
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
需要先對 SVG 圖示進行即時改色或程式碼壓縮？SVG 線上預覽與最佳化工具
如何線上產生全套網站 Favicon 與行動端圖示
只需三步，搞定瀏覽器分頁、Google 搜尋收錄與 iOS/Android 桌面圖示。
1
選擇圖示內容來源
可直接輸入品牌首字母縮寫、挑選 Emoji 圖示，或上傳現有的 PNG、JPG、WebP 與向量 SVG 檔案。
2
調節背景圓角並即時預覽
自由設定漸層或純色背景、iOS 標準圓角（22%）與安全邊距，即時檢視淺色/深色分頁與搜尋結果效果。
3
匯出多尺寸 ICO、PNG 與 HTML 程式碼
一鍵下載包含 16/32/48 三層的原生二進位 favicon.ico、Apple Touch Icon、PWA 圖示及 site.webmanifest，並複製 HTML 標籤。
專為現代網站與獨立開發者打造的圖示工作台
在瀏覽器本機透過文字縮寫、圖片/SVG 或 Emoji 一鍵產生多圖層 favicon.ico（16x16/32x32/48x48）、iOS 桌面圖示（180x180）及 Android PWA 全套圖示與設定檔。
真·多尺寸合併二進位 favicon.ico
在瀏覽器記憶體中直接按照 ICONDIR 二進位規範將 16x16、32x32、48x48 三個圖層打包進單個 .ico 檔案。
深淺色分頁與搜尋結果真實預覽
在匯出前直觀檢查 16x16 極小尺寸下在 Chrome 深色/淺色模式、Google 搜尋結果卡片及 iOS 桌面上的辨識度。
iOS 桌面與 Android PWA 開箱即用
自動產生 180x180 apple-touch-icon.png、192x192 與 512x512 PWA 圖示，以及配套的 site.webmanifest 設定檔。
常見問題
在這裡查找常見問題的解答。