PNG 轉圖示：免費線上 PNG 圖示轉換工具
將 PNG 圖片轉換為網站、Windows、macOS 和行動應用所需的圖示檔案。產生多尺寸 ICO 檔案、PNG favicon 套件和 HTML 代碼——免費、即時、100% 瀏覽器端處理。
Drag & Drop Icon Source Images Here
or Click to Upload
Supports: PNG, JPG, WebP, SVG
Outputs: ICO and favicon-ready PNG files (16×16 to 256×256)
Max: 10 files, 5MB each
Core Icon Sizes
Generate ICO and PNG outputs from 16×16 to 256×256 px
Instant Conversion
PNG to icon in seconds, right in your browser
100% Private
Images never leave your device
Always Free
No watermarks, no sign-up, no server upload
相關圖片工具
更多強大的工具來最佳化和處理您的圖片
PNG轉ICO
建立Windows圖示和網站圖示
PNG轉SVG
轉換為可縮放向量圖
PNG轉WebP
轉換為現代WebP格式
壓縮到 100KB
適用於更嚴格的要求
壓縮到 500KB
適用於大多數線上用途
圖片尺寸調整
免費線上調整任意格式圖片尺寸
所有工具免費 • 本地處理 • 無需註冊
什麼是 PNG 轉圖示？
PNG 轉圖示是指將標準 PNG 圖片檔案轉換為適用於網站、桌面應用程式、作業系統和行動端 App 的圖示檔案的過程。當你將 PNG 轉換為圖示時，並不是單純地重新命名檔案，而是將圖片封裝成一種能夠同時儲存多個尺寸的格式，確保圖示無論是在 16×16 像素的瀏覽器分頁還是 256×256 像素的桌面捷徑上都能清晰顯示。
最常見的 PNG 轉圖示輸出格式是 ICO 檔案（Internet Explorer Icon），這是一種可以在單一檔案內儲存多張不同尺寸 PNG 圖片的容器格式。PNG 圖示轉換器讀取你上傳的來源 PNG，將其縮放到每個所需的像素尺寸，並將所有尺寸打包到一個可下載的檔案中。轉換結果可直接用於任意平台，無需額外處理。
PNG 轉圖示工具的運作原理
TinyImagePro 的 PNG 轉圖示工具完全在瀏覽器端透過 HTML5 Canvas API 執行。上傳 PNG 圖片後，轉換器會將圖片繪製到每個所選尺寸的畫布上（16×16、32×32、48×48，最大支援 256×256），並使用雙三次內插法在縮小過程中保留影像清晰度。每個縮放後的畫布隨後被匯出為 PNG 資料區塊，並封裝成 ICO 二進位格式。整個 PNG 轉圖示過程完全在本機裝置上完成，檔案不會上傳至任何伺服器。
PNG 轉圖示與 PNG 轉 ICO 有什麼區別？
這兩個概念經常混用，但有細微區別。PNG 轉 ICO 特指產生 Windows .ico 檔案——一種與 Windows 圖示規格綁定的二進位格式。而 PNG 轉圖示是更廣泛的概念：涵蓋從 PNG 來源檔案建立任意類型圖示資產的全部情境，包括 Windows 的 .ico 檔案、macOS 的 .icns 檔案、網站 favicon 使用的獨立 PNG 檔案，以及行動應用程式商店所需的各尺寸 PNG 匯出。TinyImagePro 的 PNG 圖示轉換器在一個工具中涵蓋所有這些情境，讓你自由選擇需要 ICO 檔案、PNG 匯出，還是兩者兼有。
為什麼需要將 PNG 轉換為圖示格式？
在許多情境下，你都需要將 PNG 轉換為圖示檔案。普通 PNG 圖片無法直接作為系統圖示、應用程式捷徑或瀏覽器 favicon 使用——必須將其轉換為各平台對應的圖示格式。以下是六種最常見的應用情境：
網站 Favicon
每個網站都需要 favicon——顯示在瀏覽器分頁、書籤和搜尋結果中的小圖示。將 PNG 轉換為圖示可產生多尺寸 favicon.ico，相容所有主流瀏覽器。
Windows 桌面圖示
Windows 捷徑、資料夾和應用程式使用 ICO 檔案。將 PNG 轉換為 Windows 圖示後，可取得包含 16、32、48 和 256px 多個版本的檔案，Windows 會自動選擇合適尺寸顯示。
macOS 應用程式圖示
macOS 在 Dock 列、Finder 和 Spotlight 中顯示應用程式圖示。使用 PNG 圖示轉換器可建立適合 Mac 應用程式套件的各尺寸圖示資產。
行動端 App 圖示
iOS 和 Android 需要特定尺寸的圖示（60×60 至 512×512）用於主畫面、應用程式商店和系統選單。將 PNG 轉換為圖示，一次匯出所有所需尺寸。
軟體與遊戲圖示
遊戲和生產力軟體需要 ICO 檔案用於執行檔和安裝套件。PNG 圖示檔案轉換器確保你的產品在每種解析度下都擁有專業圖示。
瀏覽器擴充功能圖示
Chrome、Firefox 和 Edge 擴充功能需要 16、48 和 128px 的 PNG 圖示。將 PNG 轉換為這些精確尺寸的圖示匯出，直接在 manifest.json 中引用即可。
如何線上將 PNG 轉換為圖示
TinyImagePro 讓你幾秒內即可完成 PNG 轉圖示——無需安裝軟體，無需註冊帳號。以下是完整的操作步驟：
第 1 步 — 上傳 PNG 圖片
將 PNG 檔案拖放到上傳區域，或點擊上傳區選擇本機檔案。支援最多同時上傳 10 張圖片進行批次轉換，也支援 JPG、WebP 和 SVG 格式。為獲得最佳效果，建議使用最小解析度為 256×256 像素的正方形 PNG 圖片。
第 2 步 — 選擇圖示尺寸
選擇需要包含在圖示中的尺寸。使用「推薦」預設可自動選擇所有標準 Windows 尺寸（16、32、48、64、128、256px），或選擇「僅 Favicon」取得最小化的 16×32px 組合。也可以點擊單一尺寸按鈕自訂選擇。每個選中的尺寸都會從來源 PNG 獨立縮放產生。
第 3 步 — 選擇輸出選項
啟用「建立多尺寸 ICO 檔案」可將所有選中尺寸打包成一個 .ico 檔案——這是 Windows 圖示和 favicon 的標準格式。可選擇啟用「同時匯出獨立 PNG 檔案」，為每個尺寸產生單獨的 .png 檔案，適用於 Web 應用和行動端圖示。開啟「產生 Favicon HTML 代碼」可取得可直接貼上使用的網站 <link> 標籤代碼。
第 4 步 — 下載圖示檔案
點擊「轉換為圖示」按鈕，檔案會在瀏覽器中即時產生。可單獨下載多尺寸 ICO 檔案，也可分別下載各尺寸檔案。批次轉換多張 PNG 時，使用「打包下載 ZIP」一次性取得所有轉換後的圖示檔案，按來源檔名分組整理。你的原始 PNG 不會被上傳，所有處理都在裝置本機完成。
PNG 圖示尺寸指南：你需要的每一種尺寸
不同平台和使用情境對圖示尺寸有不同要求。在將 PNG 轉換為圖示時，選擇正確的尺寸能確保圖示在每台裝置和作業系統上正確顯示。以下是按平台分類的常用PNG 圖示檔案尺寸參考。
網站 Favicon 尺寸
| 尺寸 | 檔案名稱 | 用途 |
|---|---|---|
| 16×16 | favicon-16x16.png | 瀏覽器分頁、網址列 |
| 32×32 | favicon-32x32.png | 工作列捷徑、高 DPI 分頁 |
| 48×48 | favicon-48x48.png | Windows 網站捷徑 |
| 180×180 | apple-touch-icon.png | iOS 主畫面圖示（Apple Touch Icon） |
| 192×192 | android-chrome-192x192.png | Android Chrome 主畫面 |
| 512×512 | android-chrome-512x512.png | Android 啟動畫面、PWA |
Windows 圖示尺寸
| 尺寸 | 用途 | 必要性 |
|---|---|---|
| 16×16 | 工作列、標題列、清單檢視 | 必要 |
| 32×32 | 桌面捷徑（標準 DPI） | 必要 |
| 48×48 | 桌面捷徑（一般檢視） | 建議 |
| 64×64 | 高 DPI 顯示器 | 建議 |
| 128×128 | 超大圖示檢視 | 選用 |
| 256×256 | 超大圖示檢視、4K 顯示器 | 建議 |
行動端 App 圖示尺寸
匯出這些尺寸時，建議啟用「同時匯出獨立 PNG 檔案」選項——行動端圖示以 PNG 格式使用，而非 ICO 格式。
| 平台 | 尺寸（像素） | 用途 |
|---|---|---|
| iOS（iPhone） | 60, 76, 120, 152, 180 | 主畫面、App Store |
| Android | 48, 72, 96, 144, 192, 512 | 啟動器、Google Play |
| PWA（Web App） | 192, 512 | 主畫面、啟動畫面 |
PNG 轉圖示的最佳做法
遵循以下建議，每次將 PNG 轉換為圖示格式時都能獲得最高品質的結果。
選擇合適的來源圖片
- ✓使用正方形 PNG——圖示本身是正方形的，非正方形來源圖會導致變形或裁切。
- ✓從高解析度來源圖開始（512×512 或 1024×1024），縮小時能保留更多細節。
- ✓使用帶透明背景的 PNG，以便圖示在不同系統佈景主題下自適應顯示。
- ✗不要用 64×64 的小圖作為 256×256 輸出的來源檔案——放大會嚴重損失品質。
- ✗不要使用照片或複雜背景；圖示在 16×16 時必須清晰可辨認。
- ✗不要使用非正方形比例——PNG 圖示轉換器會對圖片進行裁切或加黑邊處理。
透明度與背景顏色技巧
- ✓保持背景透明，讓圖示能自動適應深色模式和淺色模式。
- ✓如果圖示必須有純色背景，使用轉換器中的「背景顏色」選項進行設定。
- ✓最終確認前，分別在白色和深色背景下測試圖示效果。
- ✗不要在 PNG 上加白色背景再轉換——在深色工作列上顯示時會很難看。
- ✗不要在針對 Windows XP 的圖示中使用半透明邊緣——舊版 ICO 格式不支援完整 Alpha 通道。
- ✗如果 PNG 含有透明區域，不要忘記在轉換器設定中選擇「透明」背景。
解析度與品質準則
- ✓始終在 ICO 檔案中包含 16×16 和 32×32——這是瀏覽器和 Windows 最常用的兩個尺寸。
- ✓包含 256×256 以相容 Windows 10/11 高 DPI 螢幕。
- ✓驗證 16×16 版本的可讀性——如果細節模糊，需要簡化設計。
- ✗不要跳過小尺寸——缺少 16×16 的多尺寸 ICO 在瀏覽器分頁中會顯示模糊。
- ✗無特殊需求時不要包含不必要的尺寸（如 20 或 40）。
- ✗不要將複雜的照片轉換為圖示——幾何形狀和扁平化設計在縮小時效果好得多。
如何從 PNG 建立 Favicon
什麼是 Favicon，為什麼它很重要？
Favicon（我的最愛圖示的縮寫）是顯示在瀏覽器分頁、書籤、歷史記錄清單和搜尋結果摘要中的小圖示。使用 PNG 轉 favicon 工具建立正確尺寸的 favicon，是讓網站擁有專業品牌形象最簡單的方式之一。瀏覽器會自動請求 /favicon.ico，提前設定好還能避免伺服器日誌中出現多餘的 404 錯誤。
現代瀏覽器支援 PNG 格式的 favicon，但 ICO 格式仍是相容性最廣的選擇，尤其適合舊版瀏覽器。最佳做法是兩種格式同時提供：用多尺寸 favicon.ico 保證廣泛相容，再用獨立 PNG 檔案支援現代瀏覽器和行動端主畫面圖示。TinyImagePro 讓你在將 PNG 轉換為圖示時一步完成所有這些操作。
Favicon HTML 代碼範例
將 PNG 轉換為圖示檔案後，將以下代碼加入 HTML 的 <head> 區段。在上方工具中啟用「產生 Favicon HTML 代碼」，即可根據你選擇的尺寸取得個人化標籤。
<!-- 標準 Favicon --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <!-- Apple Touch Icon（iOS 主畫面）--> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Web App Manifest（Android / PWA）--> <link rel="manifest" href="/site.webmanifest">
測試你的 Favicon
上傳圖示檔案並加入 HTML 標籤後，清除瀏覽器快取並重新載入頁面。如果 favicon 未顯示，可嘗試在無痕/隱私模式下開啟網站。建議在以下環境中全面測試：
- Chrome、Firefox、Safari 和 Edge 瀏覽器分頁
- 書籤列（16×16 顯示效果）
- iOS 和 Android 行動端瀏覽器
- Google 搜尋結果（部分地區會顯示網站圖示）
不同作業系統的 PNG 轉圖示指南
Windows 10 & 11
Windows 使用 ICO 檔案作為應用程式圖示、桌面捷徑和工作列圖示。若要在 Windows 10 或 Windows 11 上製作 PNG 圖示，需要一個有效的 .ico 檔案——僅將 PNG 重新命名為 .ico 是無效的。
面向 Windows 的圖示，至少需要包含 16×16、32×32 和 256×256 三種尺寸。Windows 10 和 11 在高 DPI 顯示器和檔案總管的「大圖示」檢視中會使用 256×256 版本。
TinyImagePro 的 PNG 轉圖示工具產生完全符合規格的 ICO 檔案，Windows 可直接辨識。下載後，以滑鼠右鍵按一下捷徑 → 內容 → 變更圖示，即可套用你的新圖示檔案。
macOS
macOS 應用程式使用 ICNS 格式作為應用程式圖示，與 Windows ICO 格式不同。但對於 macOS 上的網站 favicon，Safari 完全支援與其他平台相同的 PNG 和 ICO 檔案。
Apple Touch Icon（180×180 PNG）專門用於 macOS 或 iOS 使用者將網站加入主畫面或我的最愛時顯示。我們的 PNG 圖示轉換器在啟用 PNG 匯出時會自動產生此尺寸。
對於原生 macOS 應用程式圖示，需要單獨轉換為 .icns 格式。我們的工具可產生所有所需尺寸（16、32、128、256、512px）的底層 PNG 資產，可用 Xcode 或 iconutil 組裝為 ICNS 檔案。
Linux
Linux 桌面環境（GNOME、KDE Plasma、XFCE）通常使用 PNG 檔案作為應用程式圖示，儲存在 /usr/share/icons/ 目錄下，按佈景主題和尺寸組織。原生 Linux 應用程式一般不需要 ICO 檔案。
在 Linux 上進行 Web 開發時，標準 favicon 方案同樣適用：產生包含 16、32 和 48px 尺寸的 favicon.ico，加上供現代瀏覽器使用的獨立 PNG 檔案。
如果你在打包 Linux 應用程式，使用我們 PNG 圖示轉換器匯出的 PNG 檔案，將其複製到圖示佈景主題路徑下對應尺寸的目錄中即可。大多數 Linux 圖示佈景主題需要 16、22、24、32、48、64、128 和 256px 變體。
為什麼選擇 TinyImagePro PNG 轉圖示工具？
網路上有許多 PNG 圖示轉換器，TinyImagePro 的優勢在於：
完全免費，無需註冊
無需帳號、無需訂閱、無使用限制。將 PNG 轉換為圖示格式，永久免費，無任何限制。
隱私保護，檔案不上傳
所有 PNG 圖示轉換處理均在本機瀏覽器中完成。你的圖片永遠不會傳送到任何伺服器。
產生多尺寸 ICO 檔案
產生包含所有尺寸的單一 ICO 檔案——這正是 Windows 和瀏覽器所期望的標準格式。
批次轉換最多 10 張圖片
同時上傳並批次將多張 PNG 轉換為圖示，然後一鍵打包下載所有檔案。
同時匯出 ICO 和 PNG
取得 Windows 用的 ICO 檔案，以及 Web、行動端和 Linux 用的各尺寸獨立 PNG 檔案。
Favicon HTML 代碼產生器
即時產生將 favicon 加入任意網站所需的 <link> 標籤代碼，一鍵複製使用。
關於 PNG 轉圖示的常見問題
如何將 PNG 轉換為圖示？
在上方工具中上傳 PNG 圖片，使用尺寸核取方塊選擇所需尺寸，啟用「產生多尺寸 ICO 檔案」，然後點擊「轉換為圖示」按鈕。幾秒內即可產生圖示檔案並下載。整個 PNG 轉圖示過程在瀏覽器中完成——無需上傳，無需等待。
轉換圖示時 PNG 應該是多大尺寸？
為獲得最佳效果，請使用最小解析度為 512×512 像素的正方形 PNG。這樣可以為 PNG 圖示轉換器提供足夠的像素資料，以在每個標準尺寸下產生清晰的縮小版本。256×256 的來源圖可以接受，但在 256px 輸出時可能會略有品質損失。來源圖尺寸永遠不要小於你計畫產生的最大圖示尺寸。
一張 PNG 能產生多尺寸圖示嗎？
可以——這正是 TinyImagePro 的核心功能。啟用「產生多尺寸 ICO 檔案」選項，選擇所有需要的尺寸，轉換器會產生一個包含每種解析度的單一 ICO 檔案。Windows、瀏覽器和其他應用程式會根據當前顯示環境自動從 ICO 容器中選擇最合適的尺寸。
PNG 轉圖示是免費的嗎？
完全免費。TinyImagePro 的 PNG 圖示轉換器沒有使用限制、無進階付費版，也不需要註冊。所有處理在本機瀏覽器完成，因此沒有基礎架構成本，我們可以永久提供免費服務。
將 PNG 轉換為圖示會降低影像品質嗎？
從高解析度來源 PNG 開始時，品質損失極小。轉換器使用雙三次內插法將影像平滑縮小到更小的尺寸。唯一不可避免的品質損失出現在極小尺寸（16×16、32×32）時——在如此小的像素數下，精細細節根本無法呈現。這也是為什麼圖示設計應使用簡潔粗獷的圖形，確保在微小尺寸下仍清晰可辨。
PNG 轉圖示常見問題解答
關於將 PNG 圖片轉換為網站、Windows、瀏覽器擴充功能及相關 PNG 圖示資源的常見問題解答。