幾秒內快速製作 Favicon
Favicon 是顯示在瀏覽器分頁、書籤、歷史紀錄、行動版搜尋結果，以及使用者將網站儲存到主畫面時出現的小圖示。它能幫助訪客在眾多分頁中一眼找到您的網站，也能讓小型網站看起來更專業、完整。這款 Favicon 產生器能從單張圖片為您建立所有需要的檔案（如果您還沒有 Logo，也可以使用字母或表情符號），並提供將圖示加入網站所需的 HTML 程式碼。
功能特色
- 從圖片產生：支援 PNG、JPG、SVG、WebP 等格式。
- 從文字或表情符號產生：在彩色背景上加上字母縮寫或表情符號。
- 圓角與內距調整：讓圖示完美契合分頁與主畫面。
- 即時預覽：提供 16、32、64 與 128 像素的即時預覽。
- 完整圖示包：包含多種尺寸的 favicon.ico、PNG 圖示、Apple touch icon、Android 圖示與 web manifest。
- 一鍵複製 HTML：提供可直接複製的 HTML link 標籤。
- 注重隱私：完全在您的瀏覽器中產生。
Favicon 尺寸說明
| 檔案 | 尺寸 | 用途 |
|---|---|---|
| favicon.ico | 16, 32, 48 px | 所有瀏覽器、Windows 捷徑、舊版相容 |
| favicon-16x16.png | 16 px | 瀏覽器分頁 |
| favicon-32x32.png | 32 px | 高 DPI 螢幕的分頁、工作列 |
| apple-touch-icon.png | 180 px | iPhone 與 iPad 主畫面 |
| android-chrome-192x192.png | 192 px | Android 主畫面 |
| android-chrome-512x512.png | 512 px | Android 啟動畫面、PWA 安裝 |
設計建議
- 保持簡潔。 請使用 Logo 的圖形符號，而不是包含公司名稱的完整 Logo。
- 注意對比度。 圖示必須在瀏覽器的淺色與深色主題中都能清晰可見。
- 在 16 px 下測試。 如果在最小的預覽圖中無法辨識，請進一步簡化。
- 填滿方形區域。 留白過多的圖示在分頁中會顯得很小；請減少內距。
相關工具
您可以先使用 SVG 轉 PNG 將向量 Logo 轉換為高解析度 PNG，使用 調整圖片大小 更改現有圖片的尺寸，或是使用 圖片轉檔工具 轉換圖片格式。