zh-Hant

Favicon產生器

免費從一張圖片產生完整的 favicon 圖示包:.ico、多種 PNG 尺寸、apple-touch-icon、manifest、HTML 程式碼片段 - 本機處理,免上傳。

正在你的裝置上本機處理 ...

背景色(iOS圖示)
  • 白色
  • 透明
  • 黑色
背景色(Android圖示)
  • 白色
  • 透明
  • 黑色

你的檔案

    正在你的裝置上本機處理 ...

    0%

    我的檔案會被上傳嗎?

    不會。一切都在你的瀏覽器中執行,你的檔案永遠不會離開你的裝置。這一點如何查證

    無需上傳100% 本機處理
    內容只留在你這裡第三方無法存取
    Hosted in GermanyGlobal Content Delivery
    通過獨立稽核TLS A+ · 標頭 A+

    Favicon從來不只是一個檔案。瀏覽器、手機和Web應用程式需要一整套不同尺寸和格式的圖示: 用於瀏覽器分頁的多解析度favicon.ico、獨立PNG檔案、iPhone主畫面用的apple-touch-icon,以及在Android上安裝為Web應用程式時所需的大型圖示。本工具替您省去繁瑣操作,從一張圖片產生完整的圖示套件。

    將正方形圖片拖曳放入即可取得ZIP檔案,建議使用邊長不少於512px的PNG。ZIP內含favicon.ico(16、32和48px)、各個PNG、180px的apple-touch-icon,以及192px和512px兩款應用程式圖示。此外還附有現成的site.webmanifest和可直接貼入頁面`<head>`的HTML程式碼片段,不必自行整理各項連結參照。

    圖片會縮放至每種尺寸,無裁切,置中擺放。瀏覽器圖示保留透明度;iOS和Android應用程式圖示則會套用背景色,因為這些系統會將透明區域顯示為黑色。您可選擇白色、黑色或透明,並可為每個平台分別設定(例如iPhone圖示用白色、Android圖示用透明)。與本站所有工具相同,所有轉換均在瀏覽器本機完成,圖片不會被上傳,也不會從外部伺服器載入任何程式庫。

    RealFaviconGenerator 等類似服務多年來一直是解決這個問題最知名的去處 - 但它們需要將你的圖片上傳到遠端伺服器,部分附加功能還需要帳號。這裡整個產生過程都在瀏覽器本機完成:點陣化、ICO 封裝與 ZIP 建立都在你的裝置上進行,在 Windows、macOS、Linux、Chromebook 和行動裝置上運作方式相同 - 不需安裝,不需帳號,使用次數沒有限制,頁面載入完成後甚至可以離線使用。

    技術規格

    技術規格
    輸入格式PNG, JPG, JPEG, WEBP, GIF, BMP, SVG
    自動轉換TIFF, ICO, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP
    輸出格式ZIP
    批次處理不支援
    處理方式在瀏覽器中本機處理 (JavaScript)
    檔案上傳

    三個步驟

    1. 拖曳放入正方形圖片(推薦512px以上的PNG)。
    2. 分別選擇iOS和Android圖示的背景色。
    3. 下載並解壓縮ZIP套件。

    限制: 產生的ZIP包含favicon.ico(16/32/48)、favicon-16/32、apple-touch-icon(180)、Android圖示(192/512)、site.webmanifest和HTML程式碼片段。輸入可以是點陣圖片(PNG, JPG, WebP, GIF, BMP),也可以是SVG向量標誌 - 兩者都會直接點陣化,SVG在任何尺寸下都保持清晰。只有過小的點陣圖片會被放大,可能出現模糊,建議使用大尺寸正方形圖片。

    套件內容比較

    套件內容比較
    檔案尺寸用途
    favicon.ico16/32/48px傳統瀏覽器favicon
    PNG圖示16/32px個別瀏覽器圖示
    apple-touch-icon180pxiPhone主畫面
    應用程式圖示192/512px在Android上作為網頁應用程式安裝
    site.webmanifest-指向應用程式圖示
    HTML程式碼片段-可直接貼到頁面head中

    常見問題

    我的圖片會被上傳嗎?

    不會。整個套件在瀏覽器本機產生,飛航模式下亦可使用。圖片永遠不會離開您的裝置。

    ZIP裡包含什麼?

    favicon.ico(16/32/48px)、各個PNG、apple-touch-icon、兩個應用程式圖示(192/512)、site.webmanifest,以及用於`<head>`的HTML程式碼片段。

    為什麼應用程式圖示需要背景色?

    iOS和Android會將應用程式圖示中的透明區域顯示為黑色,因此需要套用背景。您可選擇白色、黑色或透明 - 可為iOS和Android分別設定,如果希望兩者外觀不同的話。

    圖片尺寸應該多大?

    建議使用邊長不少於512px的正方形圖片,其他較小尺寸均從該圖片整齊地縮放產生。

    favicon 產生器免費嗎?

    是的,完全免費,不需帳號,對產生 favicon 圖示包的次數也沒有限制。

    能在任何裝置上不需安裝就使用嗎?

    可以。它在瀏覽器中執行,因此在 Windows、macOS、Linux、Chromebook、iPhone 和 Android 上表現一致 - 不需應用程式或擴充功能。

    這和 RealFaviconGenerator 有什麼不同?

    基本功能集類似,但在那裡你的圖片會離開裝置,在遠端伺服器上處理。這裡包括建立 ZIP 在內的所有作業都保留在本機 - 甚至可以離線使用。

    相關工具

    PNG 轉 ICO · ICO 轉 PNG · 最佳化SVG · SVG 轉 JPG · TTF 轉 WOFF2 · OTF 轉 WOFF2