網站圖示生成器

從圖片為您的網站建立favicon圖示。

用一張圖生成所需的全部 favicon 尺寸

Overview

favicon 是在瀏覽器標籤、書籤、歷史記錄和手機主屏上代表你網站的小圖示。現代網站需要多種尺寸和格式——經典 .ico、多個 PNG、Apple 觸控圖示、Android 圖示——以及連結它們的 HTML。該生成器從一張圖片生成所需的全部尺寸,打包成可直接部署的 ZIP 並附帶匹配的 HTML 程式碼片段,全部在瀏覽器中處理。

How to Use (Step by Step)

  1. 1

    上傳方形圖片

    使用 512×512 或更大的方形高解析度圖片,可在各尺寸獲得最清晰的效果。

  2. 2

    生成 favicon 套件

    工具自動建立所有標準尺寸以及 HTML 連結標籤。

  3. 3

    下載 ZIP 並新增 HTML

    把檔案解壓到網站,再把提供的 <link> 標籤貼上到頁面 <head> 中。

How It Works

你上傳一張方形高解析度圖片。工具用瀏覽器 Canvas 將其縮放為各標準 favicon 尺寸(16×16、32×32、180×180、192×192、512×512 等),並連同清單和 HTML <link> 標籤打包成可下載的 ZIP。縮放在本地 Canvas 上完成,源圖片不會被髮送到伺服器。

When to Use This

釋出需要完整 favicon 套件的新網站或 Web 應用。一次性更新品牌圖示到所有平臺。為 iOS 和 Android 新增合適的主屏圖示。用自己的圖示替換框架預設 favicon。無需設計軟體即可為客戶專案生成圖示。

Frequently Asked Questions

至少 512×512 的方形圖片最佳,因為工具會向下縮放到每個更小尺寸。起點太小會讓較大圖示變模糊。

網站圖示生成器 | Super Easy Utils