PNG 轉 Base64
使用這個免費的 PNG 轉 Base64 工具，將任何 Portable Network Graphics（可攜式網路圖形） 圖片轉為 Base64 字串或現成的程式碼片段。 選擇本機 .png 檔案（或貼上遠端檔案連結），挑選輸出格式，然後按下PNG 編碼為 Base64。
PNG 檔案
將 PNG 檔案拖放到這裡，或選擇檔案
如何線上轉換 PNG 轉 Base64
- 選擇本機檔案並挑選 .png 檔案，或選擇遠端網址並貼上連結。
- 選擇輸出格式：純 Base64、Data URI、HTML 標籤、CSS、JavaScript、JSON 或 XML。
- 點擊PNG 編碼為 Base64。結果會立即顯示並附上預覽。
- 將結果複製到剪貼簿，或下載為 .txt 檔案。
關於 PNG（Portable Network Graphics（可攜式網路圖形））
PNG 是 1996 年推出的無損點陣圖格式，作為無專利限制的 GIF 替代品。它支援完整 24 位元色彩、可平滑透明的 8 位元 Alpha 通道，以及絕不捨棄像素資料的 DEFLATE 壓縮。
PNG 能保持邊緣銳利，因此是標誌、圖示、介面截圖和圖表的標準選擇。照片則通常以 JPG 或 WebP 小得多，這點在以 Base64 嵌入圖片時尤其重要，因為每個位元組都會增加約三分之一。
| 開發者 | 1996 年，W3C / IETF（RFC 2083） |
|---|---|
| 壓縮 | 無損（DEFLATE） |
| 透明度 | 是，完整 Alpha 通道 |
| 動畫 | APNG 擴充 |
| 檔案簽章 | 89 50 4E 47 0D 0A 1A 0A |
輸出格式
選擇結果的包裝方式。轉換器可輸出：
- txt: 只有 Base64 字串，可直接貼到程式碼、資料庫欄位或 API 請求中。
- uri: 完整的
data:URI，可貼到瀏覽器網址列，或用在任何接受網址的地方。 - html img: 在
src中放入 Data URI 的<img>標籤。 - css background image: 使用
background-image: url(data:...)的 CSS 規則。 - html favicon: 用於內嵌網站圖示的
<link rel="icon">標籤。 - html hyperlink: 可下載或開啟內嵌檔案的
<a>連結。 - html iframe: 以內嵌方式顯示內容的
<iframe>。 - javascript image: 建立
Image物件的 JavaScript。 - javascript popup: 在新視窗開啟內容的 JavaScript。
- json: 包含檔名、MIME 類型和資料的 JSON 物件。
- xml: 資料放在 CDATA 區段中的 XML 元素。
安全嗎？結果會有多大？
您的檔案絕不會上傳：瀏覽器使用 File API 在本機讀取並轉換，即使是機密文件也會留在您的裝置上。
Base64 以 4 個字元表示每 3 個位元組，因此編碼結果約比原始檔案大 33%（再加上幾個位元組的補齊字元與 Data URI 前綴）。
常見問題
如何將 PNG 轉為 Base64？
在上方選擇您的 .png 檔案並點擊「PNG 編碼為 Base64」。轉換器會在瀏覽器中讀取檔案，並輸出 Base64 字串或現成的 Data URI。
Base64 編碼的 PNG 開頭是什麼？
PNG 檔案編碼為 Base64 後通常以 "iVBORw0KGgo" 開頭。作為 Data URI 時則以 "data:image/png;base64," 開頭。
有檔案大小限制嗎？
由於轉換在本機執行，因此沒有硬性限制，但非常大的檔案會產生非常長的字串。在現代瀏覽器中，約 50 MB 以內的檔案都能順暢處理。
如何將 Base64 轉回 PNG？
使用「Base64 轉 PNG」解碼器：貼上字串，即可預覽並下載原始 .png 檔案。
留言 (0)
對「PNG 轉 Base64」有問題、想法或發現錯誤嗎？歡迎留言、為工具評分或回覆他人。
目前還沒有留言，歡迎搶先分享您的意見！