Image Splitter

圖片轉 Base64

在本機將圖片轉為 Base64、Data URL、HTML 或 CSS。複製或下載 TXT，保留圖片原始位元組，無需上傳。

拖放一張圖片到此處，或貼上圖片

PNG、JPEG、GIF、WebP、AVIF、BMP、ICO · 圖片 ≤ 10 MiB · 文字 ≤ 15 MiB · 不支援 SVG

通過驗證的圖片預覽會顯示在這裡。

處理全程在瀏覽器內進行。Base64 是編碼，不是壓縮或加密，原始中繼資料也會保留。

HTML 和 CSS 輸出僅為文字。解碼器接受純 Base64 或使用 base64 的圖片 Data URL。

本機處理，保留原始位元組

工具會檢查檔案特徵並由瀏覽器解碼驗證，不會重新繪製圖片或移除中繼資料。瀏覽器無法預覽的圖片會顯示錯誤。

實際處理範例

以下檔案由本工具或與工具共用的處理程式產生。可對照輸入、設定和結果，並下載檔案確認。

範例 1PNG · 360 × 360 · 84625 B

輸入

圖片轉 Base64 — 範例 1 — 輸入下載原檔

結果

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAYAAAB65WHVAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAgAElEQVR4nOy9dXCcV9…
下載結果
範例 2JPG · 480 × 320 · 47461 B

輸入

圖片轉 Base64 — 範例 2 — 輸入下載原檔

結果

data:image/jpeg;base64,/9j/2wBDAAQDAwMDAgQDAwMEBAQFBgoGBgUFBgwICQcKDgwPDg4MDQ0PERYTDxAVEQ0NExoTFRcYGRkZDxIbHRsYHRYYG…
下載結果
範例 3GIF · 400 × 240 · 70613 B

輸入

圖片轉 Base64 — 範例 3 — 輸入下載原檔

結果

data:image/gif;base64,R0lGODlhkAHwAPcAAAAAAPhzFvhzFvhzFvhzFvhzFvhzFvhzFvhzFvhzFvhzFvhzFvd0GPR3He98Ju5/Ku2AK+uBLumDMe…
下載結果
範例 4WEBP · 640 × 960 · 24796 B

輸入

圖片轉 Base64 — 範例 4 — 輸入下載原檔

結果

data:image/webp;base64,UklGRtRgAABXRUJQVlA4IMhgAADwPAKdASqAAsADPmEwlUgkIqmrovJo6XAMCWltOLHfj13KJ/A8OJKXN4XU5j7HWvM//…
下載結果

使用方式

  1. 選擇圖片

    選取、拖放或貼上一張支援的圖片，大小不超過 10 MiB。

  2. 檢查結果

    瀏覽器驗證實際圖片後才顯示預覽。可選擇純 Base64、Data URL、HTML 或 CSS。

  3. 複製或儲存

    複製編碼文字，或將完整輸出下載為 TXT 檔。

常見問題

檔案會上傳嗎？

不會。編碼、解碼與預覽驗證都在瀏覽器本機完成。

Base64 會壓縮或加密圖片嗎？

不會。Base64 是文字編碼，不含前綴時，通常會使二進位資料增大約三分之一，不會加密檔案。

動畫、透明度與中繼資料會保留嗎？

工具保留原始位元組，不重新繪製圖片，因此其中的動畫、透明度與既有中繼資料會保留。不同瀏覽器的預覽支援可能不同。

支援哪些輸入？

支援 PNG、JPEG、GIF、WebP、AVIF、BMP 和 ICO，圖片上限 10 MiB。解碼接受標準或 URL 安全的純 Base64，以及 base64 圖片 Data URL，輸入文字上限 15 MiB。不解碼 SVG、HTML 片段或 CSS 片段。