網站圖示生成器
從圖片為您的網站建立favicon圖示。
用一張圖生成所需的全部 favicon 尺寸
Overview
favicon 是在瀏覽器標籤、書籤、歷史記錄和手機主屏上代表你網站的小圖示。現代網站需要多種尺寸和格式——經典 .ico、多個 PNG、Apple 觸控圖示、Android 圖示——以及連結它們的 HTML。該生成器從一張圖片生成所需的全部尺寸,打包成可直接部署的 ZIP 並附帶匹配的 HTML 程式碼片段,全部在瀏覽器中處理。
How to Use (Step by Step)
- 1
上傳方形圖片
使用 512×512 或更大的方形高解析度圖片,可在各尺寸獲得最清晰的效果。
- 2
生成 favicon 套件
工具自動建立所有標準尺寸以及 HTML 連結標籤。
- 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 的方形圖片最佳,因為工具會向下縮放到每個更小尺寸。起點太小會讓較大圖示變模糊。