從圖片產生 Favicon

從一張 PNG、SVG 或 JPG 建立網站所需的所有圖示：favicon.ico、PNG favicon、Apple touch icon、Android 圖示、網頁應用程式資訊清單，以及可直接貼上的 HTML。

您的圖片在您的裝置上處理，絕不會上傳。

將圖片拖放到這裡

或拖放檔案

支援 PNG, SVG, JPG, WEBP, GIF · 每個檔案最大 512 MB

如何使用這項工具

  1. 01

    加入正方形的標誌或圖示——SVG 或較大的 PNG 效果最佳。

  2. 02

    選擇要完整顯示還是填滿，並設定背景色。

  3. 03

    處理後下載包含所有圖示、資訊清單與 HTML 標籤的 ZIP。

全部集中在一個 ZIP 中

包含 16、32 與 48 px 尺寸的 favicon.ico、PNG favicon、180 px 的 Apple touch icon、192 與 512 px 的 Android 圖示、site.webmanifest，以及一段 HTML link 標籤程式碼。

每種尺寸都清晰銳利

每個尺寸都會分多個步驟，從您的原圖個別重新取樣，因此小圖示會保持清晰，而不會變得模糊。

常見問題

這些檔案要放在哪裡？

請將它們上傳到您網站的根目錄，並把 HTML 標籤貼到各頁面的 head 中。

為什麼 Apple 圖示有背景？

iOS 會把透明區域顯示為黑色，因此 Apple touch icon 一律使用您設定的背景色。

我的標誌會被上傳嗎？

不會。圖示是在您的瀏覽器中產生的。

相關工具