Favicon 產生器完整指南：一鍵製作多尺寸 ICO、Apple Touch 與 PWA 網站圖示

現代網站需要的不僅是一張 16×16 像素的小圖示。桌面瀏覽器的深淺色分頁、Google 搜尋結果站點圖示（SERP）、iOS Safari 加入主畫面 以及 Android PWA 應用，都有各自的尺寸與格式規範。

透過 Favicon 與網站圖示產生器，你可以使用文字縮寫、Emoji 或上傳 PNG/SVG Logo，在瀏覽器本機一鍵產生全套標準圖示與 HTML 程式碼。

1. 現代網站必備的核心圖示規格

1. favicon.ico（內嵌 16×16、32×32、48×48 三圖層）：符合 Google 搜尋對 48×48 解析度的要求。
2. favicon-16x16.png 與 favicon-32x32.png：標準與 Retina 螢幕瀏覽器分頁圖示。
3. apple-touch-icon.png（180×180）：iOS / iPadOS 加入主畫面圖示。
4. android-chrome-192x192.png 與 512x512.png + site.webmanifest：Android 桌面與 PWA 設定檔。

2. 設計與預覽技巧

在匯出前，建議先使用 SVG 線上預覽與最佳化器 調整向量 Logo 配色，或透過 顏色選擇器 挑選高對比漸層背景，並在右側即時檢查淺色與深色瀏覽器分頁下的清晰度。