基礎權益，所有使用者可用
- ✓ 預覽 favicon 在瀏覽器標籤中的效果
- ✓ 下載 favicon.ico，包含 16x16 與 32x32
- ✓ 下載 favicon-16x16.png 與 favicon-32x32.png
- ✓ 檢視和複製完整 HTML Code
- ✓ 其他尺寸僅展示帶浮水印預覽
Favicon Sizes & App Icons Generator
一鍵生成 Favicon Sizes、App Icons 與 HTML Code
上傳一張源圖，自動按中心最小邊裁剪，生成 favicon.ico、PNG 尺寸、Apple Touch Icon、Android/PWA 圖標、manifest 和可複製程式碼。
權益說明
先生成基礎圖標，有可用次數後解鎖完整資源包
登入並擁有次數後解鎖
- + 下載完整無浮水印 ZIP 資源包
- + 獲得 Apple Touch Icon、Android/PWA Icons、Windows Tiles
- + 包含 site.webmanifest、browserconfig.xml、html-code.txt
- + 使用者中心儲存生成記錄，同一記錄重複下載不重複扣次
- + 儲值次數、贈送次數、消費記錄可追溯
當前權限狀態
登入後可下載完整資源包，未登入僅開放基礎尺寸。
2. Generated Favicon Sizes & App Icons
免費檔案可直接下載，鎖定檔案只展示浮水印預覽，完整資源包按使用者組控制。
上傳源圖後，這裡會顯示全部生成尺寸。
3. HTML Code
所有使用者都可以檢視和複製。
<!-- Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Android / PWA -->
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<!-- Windows Tiles -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-150x150.png">
<meta name="msapplication-config" content="/browserconfig.xml">4. 下載完整資源包
包含全部無浮水印 PNG、favicon.ico、site.webmanifest、browserconfig.xml 和 html-code.txt。
01
完整尺寸
生成 favicon PNG、Apple Touch Icon、Android/PWA 圖標和 Windows Tiles。
02
程式碼可複製
自動輸出 HTML Code、site.webmanifest 和 browserconfig.xml 示例。
03
權限清晰
免費使用者可下載基礎尺寸，付費使用者按次數下載完整無浮水印資源包。
常見問題
建議包含 16x16、32x32、48x48。未註冊使用者下載的免費 ico 可以只包含 16x16 和 32x32。
相關指南
深入了解 favicon 各平台尺寸規範、接入方法和完整方案。