PNG 轉圖示:免費線上 PNG 圖示轉換工具

將 PNG 圖片轉換為多尺寸 ICO 檔案和可用作 favicon 的 PNG 匯出,適用於網站、Windows 捷徑、瀏覽器擴充功能和設計交接。免費、即時、100% 瀏覽器端處理。

拖放圖示來源圖片到這裡

或點選上傳

支援:PNG、JPG、WebP、SVG

輸出:ICO 和可用作 favicon 的 PNG 檔案(16×16 到 256×256)

最多 10 張圖片,每張最大 5MB

🎨

核心圖示尺寸

產生 16×16 到 256×256 px 的 ICO 和 PNG 檔案

即時轉換

在瀏覽器中幾秒完成 PNG 轉圖示

🔒

100% 隱私

圖片始終保留在您的裝置上

💯

永久免費

無浮水印、無需註冊、不上傳伺服器

什麼是 PNG 轉圖示?

PNG 轉圖示是指將標準 PNG 圖片檔案轉換為適用於網站、桌面應用程式、作業系統和瀏覽器擴充功能的圖示檔案的過程。當你將 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 檔案,以及用於網站 favicon、瀏覽器擴充功能和設計交接的獨立 PNG 檔案。TinyImagePro 的 PNG 圖示轉換器把這些核心輸出集中在一處,讓你自由選擇需要 ICO 檔案、PNG 匯出,還是兩者兼有。

為什麼需要將 PNG 轉換為圖示格式?

在許多情境下,你都需要將 PNG 轉換為圖示檔案。普通 PNG 圖片無法直接作為系統圖示、應用程式捷徑或瀏覽器 favicon 使用——必須將其轉換為各平台對應的圖示格式。以下是六種最常見的應用情境:

網站 Favicon

每個網站都需要 favicon——顯示在瀏覽器分頁、書籤和搜尋結果中的小圖示。將 PNG 轉換為圖示可產生多尺寸 favicon.ico,相容所有主流瀏覽器。

Windows 桌面圖示

Windows 捷徑、資料夾和應用程式使用 ICO 檔案。將 PNG 轉換為 Windows 圖示後,可取得包含 16、32、48 和 256px 多個版本的檔案,Windows 會自動選擇合適尺寸顯示。

網站資源組合

很多專案需要的不只一個 favicon.ico。用 PNG 匯出從同一張來源圖片準備 16×16、32×32、48×48、64×64、128×128 和 256×256 等網站圖示檔案。

瀏覽器擴充功能圖示

Chrome、Firefox 和 Edge 擴充功能通常需要 16、48 和 128px 的 PNG 圖示檔案。從同一張來源圖片匯出這些尺寸,直接放進擴充功能專案即可。

軟體與遊戲圖示

遊戲和生產力軟體需要 ICO 檔案用於執行檔和安裝套件。PNG 圖示檔案轉換器確保你的產品在每種解析度下都擁有專業圖示。

設計交接檔案

如果要把素材交給開發者,一次匯出乾淨的 ICO 和各尺寸獨立 PNG。這樣 favicon、Windows 捷徑和擴充功能圖示都出自同一份來源圖片,保持一致。

如何線上將 PNG 轉換為圖示

TinyImagePro 讓你幾秒內即可完成 PNG 轉圖示——無需安裝軟體,無需註冊帳號。以下是完整的操作步驟:

1

第 1 步 — 上傳來源圖片

將 PNG 檔案拖放到上傳區域,或點擊上傳區選擇本機檔案。支援最多同時上傳 10 張圖片進行批次轉換,也支援 JPG、WebP 和 SVG 格式。為獲得最佳效果,建議使用最小解析度為 256×256 像素的正方形 PNG 圖片。

2

第 2 步 — 選擇圖示尺寸

選擇需要包含在圖示中的尺寸。使用「推薦」預設可自動選擇所有標準 Windows 尺寸(16、32、48、64、128、256px),或選擇「網站 Favicon」取得常用網頁尺寸(16、32、48、180、192、512px)。也可以點擊單一尺寸按鈕自訂選擇。每個選中的尺寸都會從來源 PNG 獨立縮放產生。

3

第 3 步 — 選擇輸出選項

啟用「建立多尺寸 ICO 檔案」可將所有選中尺寸打包成一個 .ico 檔案——這是 Windows 圖示和 favicon 的標準格式。可選擇啟用「同時匯出獨立 PNG 檔案」,為每個尺寸產生單獨的 .png 檔案,適用於網站資源、瀏覽器擴充功能和設計交接。開啟「產生基礎 Favicon HTML」可取得可直接貼上使用的網站 <link> 標籤代碼。

4

第 4 步 — 下載圖示檔案

點擊「轉換為圖示」按鈕,檔案會在瀏覽器中即時產生。可單獨下載多尺寸 ICO 檔案,也可分別下載各尺寸檔案。批次轉換多張 PNG 時,使用「打包下載 ZIP」一次性取得所有轉換後的圖示檔案,按來源檔名分組整理。你的原始 PNG 不會被上傳,所有處理都在裝置本機完成。

PNG 圖示尺寸指南:你需要的每一種尺寸

不同平台和使用情境對圖示尺寸有不同要求。在將 PNG 轉換為圖示時,選擇正確的尺寸能確保圖示在每台裝置和作業系統上正確顯示。以下是按平台分類的常用PNG 圖示檔案尺寸參考。

網站 Favicon 尺寸

尺寸檔案名稱用途
16×16favicon-16x16.png瀏覽器分頁、網址列
32×32favicon-32x32.png高 DPI favicon 和書籤
48×48favicon-48x48.pngWindows 網站捷徑和傳統 favicon 用途

Windows 圖示尺寸

尺寸用途必要性
16×16工作列、標題列、清單檢視必要
32×32桌面捷徑(標準 DPI)必要
48×48桌面捷徑(一般檢視)建議
64×64高 DPI 顯示器建議
128×128超大圖示檢視選用
256×256超大圖示檢視、4K 顯示器建議

其他 PNG 匯出尺寸

需要核心 favicon 尺寸以外的網站、擴充功能或交接素材時,請使用「同時匯出獨立 PNG 檔案」選項。

平台尺寸(像素)用途
網站資源64, 128, 256高 DPI 網站素材和設計交接
瀏覽器擴充功能16, 48, 128工具列、管理頁面、商店頁面
Linux 應用程式主題24, 32, 48, 64, 128, 256依尺寸分資料夾的 PNG 圖示

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」,即可根據你選擇的尺寸取得個人化標籤。

HTML — <head> 區段
<!-- 標準 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">

測試你的 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 可直接辨識。下載後,以滑鼠右鍵按一下捷徑 → 內容 → 變更圖示,即可套用你的新圖示檔案。

網站與書籤圖示

以瀏覽器為基礎的專案通常需要一個 favicon.ico,再加上幾個 PNG favicon 檔案,用於書籤、高 DPI 瀏覽器分頁和相關網站資源。

我們的轉換器可以直接完成這套流程:產生多尺寸 ICO 檔案以提供傳統 favicon 支援,再依需求匯出與所選尺寸對應的 PNG 檔案。

如果你需要 ICNS 格式的原生 macOS 應用程式圖示,那是本工具之外的另一個封裝步驟。本頁面專注於網站、Windows、瀏覽器擴充功能和一般 PNG 圖示資源的輸出。

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 檔案,以及用於網站、瀏覽器擴充功能和 Linux 圖示資料夾的各尺寸獨立 PNG 檔案。

基礎 Favicon HTML 產生器

即時產生指向 favicon.ico 和所選 PNG 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 圖示資源的常見問題解答。

完全免費,無任何隱藏限制。無需建立帳號,無需付費,可無限次將 PNG 圖片轉換為圖示格式。所有處理均在瀏覽器本機完成,沒有伺服器成本,我們可以永久提供免費服務。
為獲得最佳效果,請使用最小解析度為 512×512 像素的正方形 PNG。轉換器可以對任意尺寸的圖片進行縮小處理,但從更大的來源圖出發,能在 16×16 和 32×32 等小尺寸時保留更多細節。256×256 是建議的最低來源圖尺寸。
上傳 PNG 圖片,點擊「網站 Favicon」預設自動選擇常用網頁尺寸(16×16、32×32、48×48、180×180、192×192 和 512×512),啟用「同時匯出獨立 PNG 檔案」取得更多 Web 尺寸,並開啟「產生基礎 Favicon HTML」取得可直接貼上使用的 HTML link 標籤。將所有檔案打包下載為 ZIP,複製到網站根目錄即可。
ICO 檔案是一種容器格式,可在單一檔案內儲存多張不同尺寸的 PNG 圖片。瀏覽器或作業系統需要顯示圖示時,會自動從 ICO 容器中選擇最合適的尺寸。普通 PNG 只能儲存一種尺寸。為實現最廣泛的相容性,建議將多尺寸 ICO 檔案用於 Windows 圖示和 favicon,將獨立 PNG 檔案用於網站資源、擴充功能以及其他以 PNG 為基礎的圖示工作流程。
可以。一次最多可上傳 10 張 PNG 圖片,所有檔案將使用相同的尺寸設定進行轉換。轉換完成後,使用「打包下載 ZIP」即可取得一個壓縮檔,其中包含所有轉換後的圖示檔案,按來源檔名分組整理。
一個完整的 Windows 圖示,建議包含:16×16(工作列、標題列)、32×32(標準桌面)、48×48(一般圖示檢視)和 256×256(高 DPI 顯示器及大圖示檢視)。工具中的「推薦」預設會自動選中所有這些尺寸,並將其打包為多尺寸 ICO 檔案,確保 Windows 最佳相容性。
完全安全。TinyImagePro 透過 Canvas API 在瀏覽器本機處理所有圖片——你的 PNG 檔案從不會上傳到任何伺服器。圖片始終保留在你的裝置上,非常適合處理私密、機密或商業敏感的設計檔案。
可以。轉換前勾選「同時匯出獨立 PNG 檔案」選項,工具會為每個選中的尺寸額外產生獨立的 .png 檔案,與 .ico 輸出並存。PNG 匯出採用標準命名規範(如 favicon-16x16.png、favicon-32x32.png),其他尺寸則使用對應的尺寸檔名,便於網站資源、擴充功能圖示或設計交付直接使用。
可以。TinyImagePro 完全相容行動端。工具直接在手機瀏覽器中執行,無需下載任何 App。從手機相簿上傳圖片,選擇所需圖示尺寸,即可將轉換後的 ICO 或 PNG 檔案下載到裝置上。
16×16 或 32×32 尺寸下的模糊,通常是因為來源圖中的細節過於精細,無法在如此少的像素內清晰呈現。解決方法是簡化圖示設計——使用粗壯的幾何形狀、加粗的線條,以及圖示與背景之間的高對比度。避免在 16 像素尺寸的圖示中使用細線條或小字體文字。