Favicon 產生器 使用方法
- 1
選擇來源
上傳 25 MB 以內的標誌或圖片，或以 11 種字型輸入一到三個字，也可以選擇 Emoji。
- 2
設計圖示
從 12 種形狀選項中挑選，從無形狀、正方形到餅乾形、四葉草形都有，還能設定背景顏色或透明、邊距和圓角半徑。
- 3
檢查每種尺寸
預覽 16 到 192 像素的圖示，並在淺色與深色瀏覽器分頁，以及 Android 可遮罩圖示的安全區中查看效果。
- 4
下載並安裝
儲存 favicon.zip，解壓縮到網站的資料夾，再把產生的 HTML 貼到網頁的 head 中。
限制與 Pro
以文字或 Emoji 產生圖示組不限次數；圖片來源上限 25 MB，一次處理一張。每組包含 10 個檔案。
Pro 方案可將標誌圖片的上傳上限提高到 4 GB。 查看 Pro
關於 Favicon 產生器
Favicon 產生器可以用一份設計，做出現代網站所需的整套圖示。ZIP 內含：內嵌 16、32、48 像素圖片的 favicon.ico、各自獨立的 16、32、48 像素 PNG、背景不透明的 180 像素 apple-touch-icon（iOS 會自行加上圓角）、192 與 512 像素的 Android Chrome 圖示、內容保持在 80% 安全區內的 512 像素可遮罩圖示、包含應用程式名稱、簡稱和主題色的 site.webmanifest，以及附有 link 與 theme-color 標籤、可直接貼上的 HTML 程式碼片段。所有 PNG 都經過無損最佳化。
上傳的圖片會用 Lanczos 濾鏡縮小，所以大型標誌縮到 16 像素也依然清晰；SVG 標誌則會先以 1,024 像素繪製。文字圖示使用你選的字型，Emoji 使用 Noto Color Emoji 字型，因此在每位訪客的系統上看起來都一樣。如果圖示不放在網站根目錄，只要輸入資料夾，例如 /icons/，程式碼片段和 manifest 中的路徑就會跟著調整。
常見用途包括新網站或部落格、讓使用者加到主畫面的網頁應用程式、需要在眾多瀏覽器分頁中容易辨認的內部儀表板，或是side project 的臨時圖示。16 像素下細節和長字都會看不清楚，所以簡單的形狀和一兩個字效果最好。本工具不會代管檔案，也不會編輯你的網站，檔案需要自行上傳。
隱私
圖示在這個分頁的畫布上繪製，並由網站的 WebAssembly PNG 編碼器在 Web Worker 中編碼，所以上傳的標誌不會離開你的裝置。若選擇 Google 字型或 Emoji 來源，開始編輯後瀏覽器會從 Google Fonts 下載該字型一次；請求只包含字型名稱，不會包含你的文字，載入頁面時也不會擷取任何資料。
功能
完整圖示組
ICO、各種 PNG 尺寸、Apple touch icon、Android 與可遮罩圖示，以及 Web manifest，全部放在同一個 ZIP。
圖片、文字或 Emoji
可用你的標誌、11 種字型的一到三個字，或任何 Emoji 作為來源。
豐富的形狀
正方形、圓角、圓形與八種 Material 形狀，並可調整邊距和圓角半徑。
可直接貼上的 HTML
依你選擇的資料夾，產生 link 標籤、主題色和 manifest 路徑。