免費 · 免註冊 · 無浮水印

免費線上 Favicon 產生器

上傳一次 Logo,就能取得瀏覽器、iPhone 和 Android 需要的所有圖示,以及可以直接貼到網站裡的 HTML 程式碼。所有檔案都在瀏覽器中產生。

  • favicon.ico、PNG 和 SVG
  • Apple 和 Android 圖示
  • 附 HTML 程式碼

檔案只在這台裝置上處理,不會上傳。

或拖放到這裡

PNG、JPG、WebP 或 SVG · 正方形,512 × 512 px 以上

使用方式

  1. 上傳 Logo

    選擇一張正方形的 PNG、JPG、WebP 或 SVG 圖片,檔案只留在瀏覽器裡。

  2. 調整圖示

    設定應用程式名稱、顏色,以及 iPhone 和 Android 圖示的內距。

  3. 下載並安裝

    下載 ZIP,把檔案放到網站上,再貼上 HTML 程式碼。

常見問題

包含哪些檔案?

favicon.ico(16、32 和 48 px)、favicon-96x96.png、apple-touch-icon.png(180 px)、web-app-manifest-192x192.png、web-app-manifest-512x512.png 和 site.webmanifest;如果上傳的是 SVG,還會附上 favicon.svg。

什麼樣的圖片效果最好?

至少 512 × 512 px 的正方形 PNG 或 SVG。簡單、粗線條的圖形在 16 px 下也看得清楚,小字通常看不清。

為什麼 iPhone 圖示有背景色?

iOS 主畫面圖示不支援透明效果,所以我們會用你選擇的背景色填滿 Apple Touch Icon。

檔案要放在哪裡?

解壓縮到網站根目錄,也就是提供 /favicon.ico 的那個資料夾,再把 HTML 程式碼貼到每個頁面的 <head> 中。如果使用其他資料夾,在設定中輸入該資料夾,程式碼會自動更新。

可以只把 PNG 轉成 ICO 嗎?

可以。產生後單獨下載 favicon.ico 即可,裡面包含圖片的 16、32 和 48 px 三種尺寸。

還沒有 Logo?

描述你的品牌,讓 ViNano 的 AI 圖片產生器設計一個 Logo 草稿,再把它做成 favicon。

用 AI 設計 Logo