免費開始使用

PNG 轉 ICO 轉檔工具與 Favicon 產生器

把 PNG 或 Logo 拖放到這個頁面的任何地方，就能下載一個包含 16 至 256 px 所有尺寸的 .ico，或含 App 圖示、Web Manifest 與 HTML 標籤的完整 Favicon 套件。

試試看

已經有檔案了？

  • 免費，免註冊
  • .ico 與 16 至 512 px 的 PNG
  • Apple touch icon
  • Web App Manifest 檔案

您的 Logo 3D 版

正在建立您的 3D Logo…
0:00

拖曳 Logo 即可旋轉。

動畫

背景

表面處理

顏色與形狀

顏色

邊緣

厚度

聲音

片尾

免費預覽，使用免費帳號即可下載。

如何把 PNG 轉成 ICO

拖放檔案、檢查圖示、下載。圖片在您的瀏覽器中轉檔，免費也免帳號。

  1. 拖放您的 PNG

    把 PNG、JPG、WebP 或 SVG 拖放到頁面的任何地方，或按下搜尋框下方的拖放您自己的 Logo。要為已經有圖示的公司製作圖示？輸入它的網址，工具就會取得它目前使用的圖示。

  2. 以圖示檢查

    您的圖片會置中放在正方形上，這是所有圖示位置要求的形狀；您會看到它在瀏覽器分頁中以實際 16 px 顯示，以及作為手機 App 圖示的樣子。

  3. 下載 ICO

    按下 ICO，取得內含 16、24、32、48、64、128 與 256 px 的單一 .ico；或按下 Favicon，以一個 ZIP 取得完整的網站套件。

  4. 開始使用

    把套件複製到您的網站，貼上現成的 HTML 程式碼；或把 Windows 捷徑、資料夾或應用程式的圖示指定為這個 .ico。

.ico 內含的每種尺寸，以及顯示位置

ICO 就像一盒圖示：一個檔案裡裝著同一張圖的多種尺寸，讓每個顯示它的地方都能挑到最合適的尺寸。

尺寸顯示位置
16 × 16 px瀏覽器分頁與書籤；Windows 標題列、右鍵選單與系統匣
24 × 24 pxWindows 工作列、搜尋結果與「開始」功能表的應用程式清單
32 × 32 px高解析度螢幕上的分頁；Windows「開始」功能表中釘選的應用程式
48 × 48 px高解析度螢幕上的工作列；150% 顯示縮放比例下的「開始」釘選圖示
64 × 64 px高解析度螢幕上的「開始」釘選圖示與標題列
128 × 128 pxWindows 在大型螢幕上顯示介於既有尺寸之間的圖示時，可用來縮放的相近尺寸來源
256 × 256 px最高顯示縮放比例下的「開始」釘選圖示，也是 Windows 縮小成其他各種尺寸的母版

MDN 的圖片類型指南說明，ICO 檔「可以包含多個圖示」，最大可達 256 × 256 px。Microsoft 的圖示指南列出 Windows 繪製各尺寸的位置，並要求應用程式「至少要有：16 × 16、24 × 24、32 × 32、48 × 48 與 256 × 256」；下載的 ICO 全都包含，另有 64 與 128 px，對應介於其間的尺寸。

Favicon 套件逐一說明

網站所需的一切圖示，都由一張圖片製作，裝在一個 ZIP 中。

檔案說明作用
favicon.ico內含 16、32 與 48 px 的圖示檔瀏覽器會到網站根目錄尋找的圖示
icon-256.ico所有尺寸：16、24、32、48、64、128 與 256 pxWindows 應用程式、桌面捷徑與資料夾圖示
favicon-16x16.png、favicon-32x32.png、favicon-48x48.png透明背景的小型方形 PNG瀏覽器分頁、書籤與捷徑
favicon.svg向量格式的圖示（您的 Logo 有向量檔時提供）在支援 SVG 圖示的瀏覽器中，分頁圖示在任何尺寸都清晰
apple-touch-icon.png180 × 180 px，白底，四周保留些許空間iPhone 與 iPad 主畫面
android-chrome-192x192.png、android-chrome-512x512.pngWeb App 圖示Android 主畫面、已安裝的 Web App 及其啟動畫面
site.webmanifest列出 App 圖示的小型文字檔讓手機與瀏覽器把您的網站安裝成 App
add-to-your-head.html要加到網頁 head 區段的程式碼複製貼上：一次連結所有圖示

180 px 的 Apple touch icon，是 Apple Safari 網頁內容指南（已封存）中的 iPhone 尺寸；而 Chromium 瀏覽器在把網站安裝成 App 之前，會在 Manifest 中尋找 192 與 512 px 的圖示，web.dev 對此有說明。

下載前先看實際尺寸

Favicon 的好壞，要在 16 像素下判斷。預覽會以這個尺寸顯示您的 Favicon，讓您第一次就選對圖片。

在大預覽旁邊，Mockup 會呈現您的圖示在瀏覽器分頁中與作為手機 App 圖示的樣子，以及完整 Logo 在淺色與深色網站頁首中的樣子。在分頁尺寸下糊成一團的細節，在這裡就會現形，早在訪客看到之前。

小圖示適合簡單的形狀。在 16 px 下，圖形標誌或單一字母清楚可辨，完整的公司名稱卻看不清，所以請裁切到標誌本身，或用 Logo 反白工具做出醒目、簡潔的版本；它也能做出適合深色分頁的白色 Favicon。

Windows 應用程式、資料夾與桌面圖示

同一個 .ico，就能讓 Windows 捷徑、資料夾或應用程式在每種尺寸下都有清晰的圖示，從標題列到「開始」功能表都一樣。

捷徑。在捷徑上按右鍵，選擇內容，再按變更圖示，然後瀏覽到您的 .ico。

資料夾。在資料夾上按右鍵，選擇內容，開啟自訂索引標籤，再按變更圖示。

您正在開發的應用程式。把 .ico 交給開發人員，或放進應用程式的建置設定。因為它內含 256 px 的圖示，Windows 會把它縮小到每個較小的位置，而不是把小圖示放大，所以在高解析度螢幕上也能保持清晰。

更多免費圖示與 Logo 工具

PNG 轉 ICO 常見問題

關於 ICO 檔與 Favicon 的簡短解答：尺寸、HTML、Windows 圖示，以及如何用您的 Logo 製作。

有問題，歡迎詢問
如何把 PNG 轉成 ICO？

把 PNG 拖放到這個頁面的任何地方，或按下「拖放您自己的 Logo」。它會以正方形圖示開啟；按下「ICO」可取得內含 16、24、32、48、64、128 與 256 px 的單一 .ico 檔，按下「Favicon」則取得整套網站套件。完全免費，而且在您的瀏覽器中完成。

favicon.ico 應該包含哪些尺寸？

網站用的話，16、32 與 48 px 就涵蓋分頁、書籤與高解析度螢幕，套件中的 favicon.ico 正好包含這些尺寸。Windows 應用程式或桌面圖示，Microsoft 要求至少要有 16、24、32、48 與 256 px，下載的 ICO 全都包含，另外還有 64 與 128 px。

如何用我的 Logo 製作 Favicon？

把您的 Logo 拖放到這個頁面。它會置中放在正方形上，這是所有圖示位置要求的形狀；下載 Favicon 套件之前，您就能看到它在瀏覽器分頁中與作為 App 圖示的樣子。在 16 px 下，Logo 中的圖形標誌或首字母最清楚。

網站還需要 favicon.ico 嗎？

非常值得保留。瀏覽器仍會向網站要求 /favicon.ico，Google 搜尋也接受 ICO 檔，而且一個 ICO 就能容納多種尺寸。新版瀏覽器也會讀取網頁 head 區段中連結的 PNG 與 SVG 圖示，套件兩者都提供。

如何把 Favicon 加到我的網站？

把套件中的檔案複製到網站的根資料夾（也就是首頁所在的位置），再把 add-to-your-head.html 中的程式碼貼進每個網頁的 head 區段。如果使用架站平台或電商平台，請在它的網站圖示設定中上傳 512 px 的 PNG。

我可以用 PNG 製作 256 px 的 Windows 圖示嗎？

可以。下載的 ICO 內含 16、24、32、48、64、128 與 256 px。Microsoft 指出，有了 256 px 的圖示，Windows 只會把圖示縮小、不會放大，所以在任何尺寸都清晰。請從寬度至少 256 px 的 PNG 或向量 Logo 開始。

Favicon 最佳尺寸是多少？

不是單一尺寸，而是一整組：favicon.ico 內含 16、32 與 48 px，180 px 的 Apple touch icon，以及 Web App Manifest 用的 192 與 512 px 圖示。Google 建議搜尋結果使用大於 48 × 48 px 的正方形 Favicon。套件用一個檔案就能做出全部尺寸。

這款工具對您有多大幫助？

您的 Logo，印在每件印刷品上，以 3D 呈現

Proofscene 能把 PDF 樣稿變成互動式 3D 打樣，放在您的品牌專屬連結上，讓客戶在卡片、包裝與手環生產之前就先看到成品。今天就免費開始。

免費開始使用了解運作方式

免費帳號 · 免信用卡 · 印刷人打造