桌布

Favicon 產生器

一次打包瀏覽器需要的所有尺寸

從單一來源圖片產生瀏覽器所需的所有 favicon 尺寸。

拖放圖片或點擊上傳

免費試用。

上傳一張 512×512 的 PNG;下載一個 zip 檔,內含現代網站所需的每種 favicon 變體 — 多尺寸 ICO、Apple touch 圖示、Android 清單圖示,以及可直接貼入 <head> 的 HTML 片段。10 秒內完成。

會產生哪些檔案

  • favicon.ico — 多尺寸 ICO,包含 16、32、48、64 px 變體。
  • favicon-16x16.png、favicon-32x32.png、favicon-96x96.png — 現代瀏覽器會自動選取。
  • apple-touch-icon.png — 180×180,適用於 iOS 主畫面。
  • android-chrome-192x192.png、512×512 — 適用於 Android 主畫面。
  • site.webmanifest — 預先填好,支援 PWA。
  • browserconfig.xml — 用於 Microsoft 磚塊設定。
  • HTML 片段 — 可貼入 <head> 的 <link> 標籤。

為什麼需要這麼多檔案

不同的瀏覽器、作業系統和情境(瀏覽器分頁、書籤、主畫面、應用程式啟動器、工作列)偏好不同的尺寸和格式。現代最佳做法是提供一組涵蓋所有常見情況的檔案。舊版瀏覽器會回退到 favicon.ico;現代瀏覽器則會選取最適合的 PNG。

來源圖片建議

  1. 512×512 或更大。我們只會縮小,不會放大。
  2. 正方形。非正方形的輸入會自動補邊。
  3. 簡單的輪廓。Favicon 顯示在 16×16 — 複雜的標誌會失去細節。
  4. 透明背景或純色。

也需要完整的應用程式圖示嗎?

如需 iOS / Android 應用程式圖示(不僅是網頁 favicon),請改用我們的應用程式圖示產生器 — 它會產生 XCode 和 Android Studio 所需的所有尺寸。

常見問題

favicon.ico 在旧版 IE 中能正常运作吗?

可以 — 包含 16/32/48/64 多种尺寸的 ICO 文件可兼容 IE6 及以上版本及现代浏览器。

什麼是 apple-touch-icon?

當 iOS 用戶將您的網站添加到主畫面時,會使用此圖示。180×180 是現代的尺寸。

我需要 manifest 嗎?

若要支援 PWA:是。若只是簡單網站:非必要但建議加入。

來源檔案的最佳格式是什麼?

建議使用含透明背景的 PNG 格式。SVG 亦可接受(我們會將其轉為點陣圖)。

在16×16尺寸下,網站圖示會看起來模糊嗎?

細節較多的標誌會。請簡化設計,或使用單個粗體字母以適應小尺寸。

檔案要放在伺服器的哪個位置?

所有檔案都放在您網站的根目錄下。HTML程式碼片段會以 /favicon.ico, /favicon-32x32.png 等方式引用它們。

批量生成多個網站?

高級版:有。

上傳的內容是否為私密?

是的 — 會在24小時內刪除。

關於 Favicon 產生器

Favicon 產生器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。 從單一來源圖片產生瀏覽器所需的所有 favicon 尺寸。

如何使用 Favicon 產生器

  1. 將圖片拖入上傳區(單張或批量 — 頂部切換 Bulk)。
  2. 選擇工具提供的任何設定(尺寸、格式、品質)。
  3. 點擊 Run。結果將自動下載 — 無需手動儲存。

何時使用它

常見用途包括: 為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。

免費 vs 高級

每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱 高級 以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。

11

尋找稍有差異的選項?嘗試 照片轉為著色頁 , 附標誌的二維碼產生器 社群媒體模板 — 或瀏覽所有 專業工具 工具.

高級

5

  • ✓ 6
  • ✓ 7
  • ✓ 8
  • ✓ 9
10 →
live
Make wallpapers
with AI.
Try