Skip to main content

Favicon 產生器 - 線上建立網站 Favicon

上傳圖片,自動生成各種尺寸的 favicon。包含 Apple 觸控圖示、Android 圖示和 Windows 方塊。

上傳圖片以建立 favicon

建議使用方形圖片(最小 512x512 像素)

支援格式

標準 favicon(16px~96px)

16px ~ 96px

Apple 觸控圖示

Apple 터치 아이콘

Android 圖示

Android 아이콘

Windows 磁貼圖示

Windows 타일 아이콘

網頁應用程式清單

웹 앱 매니페스트

HTML 實作程式碼

HTML 구현 코드

建議

  • 使用方形圖片(1:1 比例)
  • 最小 512x512px 解析度
  • 簡潔明瞭的設計
  • 高對比色彩

使用指南 & 小技巧

  • 標準 favicon(16px~96px)

    16x16, 32x32, 48x48

  • Apple 觸控圖示

    180x180

  • Android 圖示

    192x192, 512x512

  • Windows 磁貼圖示

    144x144

為什麼選擇這個 favicon 產生器?

專為需要可靠的 favicon 資源且只需付出最少努力的行銷人員、設計師和開發人員設計。

完整的圖示覆蓋範圍

匯出所有需要的 favicon 大小,以及適用於 Apple、Android 和 Windows 的平台特定圖示,確保您永遠不會錯失任何裝置。

注重隱私的處理方式

所有轉換都在瀏覽器的本地 Canvas API 中完成,確保品牌資產永遠不會離開您的電腦。

開發者友善的下載

提供最佳化的 PNG 圖片、可直接使用的 manifest 檔案,以及複製貼上的 HTML 標籤,以加快網站啟動速度。

4 步驟轉換指南

請依照這些快速步驟來製作適用於任何網站的生產級 favicon。

  1. 1

    上傳或拖放

    選擇一個方形的來源圖片(512px 或更大),或將其拖放到上傳器中。

  2. 2

    自訂設定

    更新應用程式名稱、描述和網域,以符合您的品牌元數據。

  3. 3

    預覽所有尺寸

    檢查 favicon 在瀏覽器分頁、行動裝置首頁和 Windows 方塊上的顯示方式。

  4. 4

    下載並部署

    取得 ZIP 檔案、貼上提供的 HTML 程式碼,並部署到您的網站。

熱門使用案例

品牌更新專案

在更新品牌指南或配色方案時,快速產生更新後的 favicon。

客戶交付方案

為代理商和自由工作者提供包含所有圖示和 manifest 的下載連結。

漸進式網頁應用程式

當將 PWA 推送到用戶的主螢幕時,發佈符合規範的清單和圖示。

常見問題

您會將我的檔案上傳到伺服器嗎?

不會。每個轉換都在您的瀏覽器內透過 Canvas API 進行,因此網路監控將會顯示零上傳請求。

支援哪些檔案格式?

PNG、JPG 和 WebP 輸入效果最佳。工具會輸出優化的 PNG favicon,外加 JSON 網頁清單和 HTML 標記。

我可以將生成的圖示用於商業用途嗎?

可以。您保留您上傳資產的完整權利,因此您可以將生成的 favicon 集合用於個人或商業專案。