Emoji Favicon 生成器

貼上 Emoji 表情,自訂樣式,生成您的專屬 Favicon。

取得更多 Emoji 圖標,請造訪 emoji.fengjun.wang

Emoji 轉圖標

使用任意 Emoji 表情快速生成 favicon,讓您的網站更加生動有趣

樣式自訂

支援背景顏色、形狀和大小調整,打造獨特的視覺效果

即時生成

無需複雜設計,貼上 Emoji 即可立即生成專業的 favicon 檔案包

什麼是Favicon?

Favicon (favorite icon的縮寫) 是一個在瀏覽器標籤頁、書籤和其他介面元素中顯示的小圖標。它幫助使用者在多個開啟的標籤頁和書籤中快速識別您的網站。

如何使用Favicon

要將 Favicon 加到您的網站,您需要:

  1. 使用我們的工具生成並下載 Favicon 壓縮包。
  2. 將下載的 ZIP 包解壓,並把所有檔案放在網站根目錄中。
  3. 在網站的 <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 會自動添加圓角和光澤效果。