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轉ICO
建立Windows圖示和網站圖示
PNG轉SVG
轉換為可縮放向量圖
PNG轉WebP
轉換為現代WebP格式
壓縮到 100KB
適用於更嚴格的要求
壓縮到 500KB
適用於大多數線上用途
圖片尺寸調整
免費線上調整任意格式圖片尺寸
所有工具免費 • 本地處理 • 無需註冊
什麼是 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 步 — 上傳來源圖片
將 PNG 檔案拖放到上傳區域,或點擊上傳區選擇本機檔案。支援最多同時上傳 10 張圖片進行批次轉換,也支援 JPG、WebP 和 SVG 格式。為獲得最佳效果,建議使用最小解析度為 256×256 像素的正方形 PNG 圖片。
第 2 步 — 選擇圖示尺寸
選擇需要包含在圖示中的尺寸。使用「推薦」預設可自動選擇所有標準 Windows 尺寸(16、32、48、64、128、256px),或選擇「網站 Favicon」取得常用網頁尺寸(16、32、48、180、192、512px)。也可以點擊單一尺寸按鈕自訂選擇。每個選中的尺寸都會從來源 PNG 獨立縮放產生。
第 3 步 — 選擇輸出選項
啟用「建立多尺寸 ICO 檔案」可將所有選中尺寸打包成一個 .ico 檔案——這是 Windows 圖示和 favicon 的標準格式。可選擇啟用「同時匯出獨立 PNG 檔案」,為每個尺寸產生單獨的 .png 檔案,適用於網站資源、瀏覽器擴充功能和設計交接。開啟「產生基礎 Favicon HTML」可取得可直接貼上使用的網站 <link> 標籤代碼。
第 4 步 — 下載圖示檔案
點擊「轉換為圖示」按鈕,檔案會在瀏覽器中即時產生。可單獨下載多尺寸 ICO 檔案,也可分別下載各尺寸檔案。批次轉換多張 PNG 時,使用「打包下載 ZIP」一次性取得所有轉換後的圖示檔案,按來源檔名分組整理。你的原始 PNG 不會被上傳,所有處理都在裝置本機完成。
PNG 圖示尺寸指南:你需要的每一種尺寸
不同平台和使用情境對圖示尺寸有不同要求。在將 PNG 轉換為圖示時,選擇正確的尺寸能確保圖示在每台裝置和作業系統上正確顯示。以下是按平台分類的常用PNG 圖示檔案尺寸參考。
網站 Favicon 尺寸
| 尺寸 | 檔案名稱 | 用途 |
|---|---|---|
| 16×16 | favicon-16x16.png | 瀏覽器分頁、網址列 |
| 32×32 | favicon-32x32.png | 高 DPI favicon 和書籤 |
| 48×48 | favicon-48x48.png | Windows 網站捷徑和傳統 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」,即可根據你選擇的尺寸取得個人化標籤。
<!-- 標準 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 圖示資源的常見問題解答。