跳到主要內容

Favicon 產生器|線上建立網站圖示

上傳一張圖片,自動產生多種尺寸的 Favicon,以及 Apple 觸控圖示、Android 圖示與 Windows 動態磚。

支援格式

標準 favicon(16px~96px)

16px ~ 96px

Apple 觸控圖示

Apple touch icons

Android 圖示

Android icons

Windows 動態磚圖示

Windows tile icons

網頁應用程式資訊清單

Web app manifest

HTML 實作程式碼

HTML implementation code

Advertisements

建議

  • 使用方形圖片(1:1 比例)
  • 至少 512×512 像素
  • 簡潔明瞭的設計
  • 高對比色彩

使用指南與小技巧

  • 標準 favicon(16px~96px)

    16x16, 32x32, 48x48

  • Apple 觸控圖示

    180x180

  • Android 圖示

    192x192, 512x512

  • Windows 動態磚圖示

    144x144

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

一次備妥網站常用圖示與實作程式碼,適合行銷人員、設計師與開發者。

完整的圖示覆蓋範圍

匯出常用 Favicon 尺寸,以及 Apple、Android 與 Windows 平台所需圖示。

注重隱私的處理方式

所有轉換都透過瀏覽器本機的 Canvas API 完成,品牌素材不會上傳到轉換伺服器。

開發者友善的下載

提供最佳化的 PNG 圖片、可直接使用的 manifest 檔案,以及可複製貼上的 HTML 標籤。

4 步驟轉換指南

依照四個步驟,製作可直接用於網站的 Favicon 套件。

  1. 1

    上傳或拖曳

    選擇至少 512×512 像素的正方形圖片,或直接拖曳到上傳區。

  2. 2

    自訂設定

    更新應用程式名稱、描述與網域,使中繼資料符合品牌設定。

  3. 3

    預覽所有尺寸

    檢查 Favicon 在瀏覽器分頁、行動裝置主畫面與 Windows 動態磚上的顯示效果。

  4. 4

    下載並部署

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

熱門使用案例

品牌更新專案

更新品牌識別或配色時,快速產生整套新版 Favicon。

客戶交付方案

代理商與接案設計師可交付包含所有圖示和 manifest 的完整壓縮檔。

漸進式網頁應用程式

為 PWA 準備符合規格的 manifest 與主畫面圖示。

常見問題

檔案會上傳到伺服器嗎?

不會。圖片轉換會在瀏覽器內透過 Canvas API 執行,不會把圖片送到轉換伺服器。

支援哪些檔案格式?

支援 PNG、JPG 與 WebP 輸入。工具會輸出最佳化的 Favicon 檔案、JSON manifest 與 HTML 標籤。

產生的圖示可以用於商業用途嗎?

可以。上傳素材的權利仍歸原持有人,產生的 Favicon 套件可用於個人或商業專案。

Advertisements