F
Favicon.pub

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 會自動添加圓角和光澤效果。