文字 Favicon 圖標生成器
建議使用1-2個字元以獲得最佳效果
文字轉圖標
輸入任意文字,自動生成專業的 favicon 圖標,支援多種字體和樣式
自訂樣式
豐富的自訂選項,包括字體、顏色、背景形狀和背景圖片
即時預覽
所見即所得的即時預覽,調整參數立即看到效果
什麼是Favicon?
Favicon (favorite icon的縮寫) 是一個在瀏覽器標籤頁、書籤和其他介面元素中顯示的小圖標。它幫助使用者在多個開啟的標籤頁和書籤中快速識別您的網站。
如何使用Favicon
要將 Favicon 加到您的網站,您需要:
- 使用我們的工具生成並下載 Favicon 壓縮包。
- 將下載的 ZIP 包解壓,並把所有檔案放在網站根目錄中。
- 在網站的<head>部分添加以下 HTML 程式碼:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">HTML格式說明
ICO 格式 (.ico)
傳統的 favicon 格式,相容所有瀏覽器包括舊版本的 Internet Explorer。通常包含多個尺寸(16x16, 32x32, 48x48)。
PNG 格式 (.png)
現代瀏覽器首選格式,支援透明背景,檔案更小。16x16 用於標籤頁,32x32 用於工作列,48x48 用於桌面捷徑。
Android Chrome 圖標
192x192 和 512x512 用於 Android 裝置的 PWA(漸進式 Web 應用),當使用者將網站加到主畫面時顯示。
Apple Touch 圖標
180x180 專為 iOS 裝置(iPhone、iPad)設計,當使用者將網站加到主畫面時使用。Apple 會自動添加圓角和光澤效果。
About This Tool
This page provides original, human-reviewed information about text to favicon conversion and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.
If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.