編碼 / 解碼

圖片 ⇄ Base64 轉換

圖片 ⇄ Base64 轉換工具可將圖片檔案轉換為 Base64 字串（Data URL），也能從 Base64 字串還原圖片並進行預覽與下載。適合將圖示以 inline 形式嵌入 HTML / CSS，或檢視 API 回應中包含的 Data URL 內容。

轉換模式

將圖片拖放到此處

或

支援 PNG / JPG / WebP / GIF / SVG / AVIF / ICO。每次工作階段最多 10 個檔案，單一檔案最大 10 MB。

新增圖片後，轉換結果會顯示在這裡。

圖片與文字全部在您的瀏覽器內處理，不會傳送至任何外部伺服器。

Base64 編碼 / 解碼

在文字與 Base64 字串之間相互轉換。支援 URL-safe Base64 與 76 字元換行(MIME),輸入時即時顯示結果。全程在瀏覽器中完成。

URL 編碼 / 解碼

URL 編碼 / 解碼工具可將文字轉換為百分號編碼（percent-encoding）格式，或將其還原為原始文字。支援查詢參數模式和完整 URL 模式，並可選擇以「+」表示空格。結果即時更新，全程在瀏覽器中完成。

JWT 解碼器

貼上 JWT(JSON Web Token)即可拆分為標頭、負載、簽章三部分,並以 JSON 形式清晰顯示。iat / exp / nbf 等標準宣告會轉換為可讀的日期時間,並提示過期狀態。可選擇支援 HS256 / HS384 / HS512 的簽章驗證。全程在瀏覽器中完成。

雜湊值產生

從文字或檔案一次產生 MD5、SHA-1、SHA-256、SHA-512 雜湊值，支援 HMAC（含金鑰）與預期值比對。md5 轉換 / sha256 計算 / 雜湊比對全程在瀏覽器中完成。

圖片 ⇄ Base64 轉換是什麼?

「圖片 → Base64」模式支援一次拖放多個 PNG / JPG / WebP / GIF / SVG / AVIF / ICO 檔案。每張圖片會顯示縮圖、原始位元組數，以及 Base64 編碼後的位元組數。除了 Data URL 之外，也提供 CSS background-image、HTML <img>、Markdown 圖片語法 三種程式碼片段，可透過分頁切換複製。會話中的所有 Data URL 也能一次匯出為單一文字檔。

「Base64 → 圖片」模式既可貼上 data:image/...;base64,xxx 格式的 Data URL，也可貼上不含前綴的純 Base64 字串。系統會根據解碼後的開頭位元組自動辨識圖片格式（PNG / JPG / WebP / GIF / AVIF / ICO，SVG 則由文字開頭判斷）。辨識失敗時可透過下拉選單手動指定。輸入中的空白、換行、URL-safe（- _）字元會自動規範化。

圖片與文字全部在您的瀏覽器內處理，不會傳送至任何外部伺服器，因此可以放心檢視包含機密或個人資訊的圖片。全程在瀏覽器中完成。

使用方法

在頂部「轉換模式」中選擇「圖片 → Base64」或「Base64 → 圖片」。
圖片 → Base64：將圖片拖放到拖放區，或透過「選擇檔案」一次匯入多張圖片。
於各張卡片點擊「複製」即可複製 Data URL，或切換至 CSS / HTML / Markdown 分頁複製對應格式。
透過「全部下載為 .txt」可將本會話中的所有 Data URL 匯出為單一文字檔。
Base64 → 圖片：將 Data URL 或純 Base64 字串貼到輸入框中。
自動辨識失敗時，可在右上角「格式」下拉選單手動指定格式，再按「下載圖片」儲存。

使用情境

將圖示或小尺寸 SVG 以 inline 形式嵌入 HTML / CSS，以減少 HTTP 請求數量。
在 CSS 的 `background-image` 中以資料 URI 嵌入圖片時，即時產生 Data URL 進行除錯。
檢視並下載 API 回應或 HTML 原始碼中的 `data:image/...;base64,...` 內容。
為 HTML 郵件準備以 inline 形式嵌入圖片的範例。
在開發階段將測試夾具或 E2E 快照用的圖片轉成 Base64，方便納入版本控制。

注意事項

每次工作階段最多 10 個檔案，單一檔案最大 10 MB。超過限制的圖片會在匯入時被拒絕。
圖片轉換為 Base64 後，位元組數約為原始的 1.33 倍。Data URL 不是壓縮格式，而是用文字表示位元組序列的編碼方式。
在 CSS 的 `background-image` 中嵌入超過 100 KB 的 Data URL 時瀏覽器快取無法作用，因此不建議這樣做。容量較大的卡片會顯示警示。
在「Base64 → 圖片」中，會依據解碼後的開頭位元組判斷 PNG / JPG / WebP / GIF / AVIF / ICO，SVG 則由文字開頭的標籤判斷。
貼上時的空白與換行會自動移除，URL-safe Base64 的 `-` `_` 會還原為標準字元，省略的 `=` 填充也會自動補齊。
若輸入無法判斷、Base64 不合法或解碼後超過 50 MB，結果區會顯示錯誤訊息。

常見問題

圖片會被傳送到伺服器嗎？

不會。所有轉換都在您的瀏覽器內完成，因此可以放心檢視包含機密或個人資訊的圖片。

Base64 後圖片大小會變化嗎？

會變大約 1.33 倍。雖然可以減少 HTTP 請求，但嵌入後的 Data URL 無法被瀏覽器單獨快取。較大的圖片建議保留一般 URL 參照。

支援多大的圖片？

單一檔案最大 10 MB。再大的圖片會因為文字量過大導致瀏覽器卡頓，因此會被拒絕。

不含「data:image/...」前綴的 Base64 字串也能解碼嗎？

可以。系統會根據解碼後的開頭位元組辨識圖片格式，因此貼上純 Base64 字串也能正常解碼。辨識失敗時請從下拉選單手動指定格式。

支援 SVG 嗎？

支援。「圖片 → Base64」中可直接匯入 SVG 檔案；「Base64 → 圖片」中無論是 Data URL 還是純 Base64 都能還原（SVG 會依據文字開頭是否為 `<?xml` 或 `<svg` 來判斷）。

透明 PNG 可以原樣還原嗎？

可以。Base64 是逐位元組的編碼，alpha 色版與色彩資訊不會遺失，還原後的 PNG 與原始檔案逐位元完全一致。