免費 · 無浮水印 · 52 種語言

適用於各種裝置的 favicon 產生器

將任何圖片轉換成 favicon.ico、Apple touch 圖示、Android 與 PWA 圖示，以及可直接貼上的 HTML 程式碼。或者逐像素繪製專屬於您的圖示。

您的 favicon 套件已準備就緒

上傳 ZIP 中的檔案,並將此程式碼貼到 <head> 中

三步驟建立 favicon

從任何標誌或圖片，在一分鐘內產生完整且符合標準的 favicon 套組。

上傳您的圖片

將 PNG、JPG、WebP、AVIF、GIF、SVG 或 ICO 檔案拖放到產生器中，或在像素編輯器中繪製圖示。

調整裁切與顏色

拖曳並縮放圖片，設定內距、圓角、背景與主題色。

下載並安裝

下載 ZIP 檔，將檔案上傳到您的網站，並把 HTML 程式碼貼到 <head> 中。

網站圖示所需的一切

只需上傳一次，即可產生現代瀏覽器、手機、平板與作業系統所需的所有圖示。

瀏覽器 favicon

多尺寸 favicon.ico，加上適用於 Chrome、Firefox、Safari 與 Edge 的 16、32 和 96 px PNG 圖示。

Apple touch 圖示

涵蓋所有 iPhone 與 iPad 主畫面尺寸（57 至 180 px），並附實心背景。

Android 與 PWA

最大 512 px 的圖示、可遮罩圖示，以及適用於可安裝網頁應用程式的現成 manifest.json。

Windows 磚

磚圖片與含您磚色的 browserconfig.xml。

像素編輯器

從零開始繪製清晰的 16×16 圖示，或微調上傳圖片的每一個像素。

附 HTML 程式碼

下載頁面與每個套件的 readme 中都附有可直接複製貼上的 <head> 程式碼。

REST API

使用個人 API 金鑰與現成的程式碼範例，自動化產生 favicon。

私密且安全

不盜連、無公開圖庫。您的圖示永遠屬於您，並託管在您自己的伺服器上。

套件中的 favicon 尺寸

檔案	尺寸	用於
`favicon.ico`	16, 32, 48	所有瀏覽器、Windows、爬蟲程式
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	瀏覽器分頁、書籤
`favicon-96x96.png`	96	Google 搜尋結果、桌面捷徑
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhone、iPad 主畫面
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Android 主畫面、PWA
`maskable-icon-512x512.png`	512	Android 自適應圖示
`ms-icon-*.png`	70 – 310	Windows 開始磚
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA 安裝、Windows 設定

常見問題

什麼是 favicon？

favicon 是顯示在瀏覽器分頁、書籤、歷史記錄和搜尋結果中，位於網站名稱旁的小圖示。現代網站還需要更大尺寸的版本，用於 iPhone 和 Android 主畫面、Windows 磚和漸進式網頁應用程式 (PWA)。

可以上傳哪些圖片格式？

你可以上傳 PNG、JPG、WebP、AVIF、GIF、BMP、SVG 或現有的 ICO 檔案。若要獲得最清晰的效果，請使用至少 512 × 512 像素、背景透明的正方形圖片。

favicon 套件包含哪些內容？

包含多尺寸 favicon.ico（16、32 和 48 px）、PNG favicon、所有 Apple touch icon、含可遮罩圖示的 Android 與 PWA 圖示、Windows 磚圖片、manifest.json、site.webmanifest、browserconfig.xml，以及附有安裝步驟和可直接貼上的 HTML 程式碼的說明檔。

MakeFav 是免費的嗎？

是的。產生、編輯和下載 favicon 完全免費。你只需要一個已確認電子郵件地址的免費帳號；免費帳號包含我們的電子報，每週最多寄送一次。

為什麼下載需要帳號？

帳號可以保護服務免受濫用與盜連，保存你的 favicon 套件記錄，並提供個人專屬的 API 金鑰。產生的圖示絕不會公開或由我們的伺服器提供外部連結，需由你自行代管。

如何在我的網站上安裝 favicon？

解壓縮套件，將所有檔案上傳到網站的根目錄，並把 HTML 程式碼貼到每個頁面的 <head> 區段中。相同的程式碼也附在套件內 readme-makefav.txt 的結尾。

2026 年還需要 favicon.ico 嗎？

需要。許多工具、爬蟲和舊版瀏覽器仍會自動請求 /favicon.ico。搭配 PNG 與 SVG 圖示以及 web manifest 使用，可獲得最完整的相容性。

可以自動產生 favicon 嗎？

可以。使用 MakeFav REST API 與你的個人 API 金鑰，即可從建置流程、CMS 或應用程式中產生完整的 favicon 套件。程式碼範例請參閱 API 文件。

立即建立你的 favicon