Favicon 轉換器

上傳一張圖片，即可為您的網站生成所有尺寸的 favicon。

點擊或拖拽圖片到此處

支援 PNG, JPG, SVG, WEBP

一鍵生成

上傳圖片即可生成所有尺寸的 favicon，包括 ICO、PNG、SVG 等多種格式

全平台相容

支援所有瀏覽器和裝置，包括 iOS、Android、Windows 等平台的圖標需求

專業品質

自動最佳化圖片品質，生成符合各平台標準的高品質 favicon 檔案

什麼是Favicon?

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

如何使用Favicon

要將 Favicon 加到您的網站，您需要：

使用我們的轉換工具將圖片轉換為 ICO 及其他格式。
將下載的 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">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTML

最佳實踐

保持簡單: Favicon 非常小，複雜的設計會變得難以辨認。
品牌一致性: 使用您的 Logo 或能代表您品牌的標誌性元素。
考慮不同背景: 確保您的圖標在淺色和深色瀏覽器主題下都清晰可見。
提供多種格式: 除了 .ico，也提供 .png 和 .svg 格式以相容現代瀏覽器，就像我們的工具生成的一樣。

各種格式說明

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

Safari 固定標籤頁圖標

SVG 格式的單色向量圖標，用於 Safari 瀏覽器的固定標籤頁功能，支援自訂顏色。

SVG 格式 (.svg)

現代向量格式，可無限縮放不失真，支援深色模式，檔案體積小，是未來的趨勢。