編解碼
Base64 · URL Encode/Decode
編解碼
就緒
ABOUT
關於 編解碼
對文字進行 Base64 或 URL 百分號編碼/解碼，處理 API 傳輸中的編碼問題。
Base64 與 URL 編碼是 HTTP 世界的「標點符號」：Data URL、Basic Auth、query 參數、JWT 片段都離不開它們。本地編解碼避免將 credentials 片段傳送到不可信的線上網站。
DEEP DIVE
深入瞭解 編解碼
Base64 編碼將二進位制或 UTF-8 文字轉為 ASCII 安全字元，廣泛用於郵件附件、Data URL、JWT 片段、API 傳輸。URL 編碼（Percent-encoding）將特殊字元轉為 %XX 形式，是 HTTP query 與 path 的標準處理方式。JSONSort 編解碼工具支援兩者雙向轉換，本地即時完成。
處理含中文的 Base64 時注意 UTF-8 編碼一致性；URL 編碼需區分 encodeURI（保留 URL 結構字元）與 encodeURIComponent（編碼全部特殊字元）語義。
Base64 編碼體積增大約 33%，適合二進位制安全傳輸文字；URL 編碼則按位元組處理 UTF-8，中文通常變為 %E4%B8%AD 形式。選擇錯誤編碼方式是 404 或亂碼的常見根因，務必與接收方約定一致。
FEATURES
核心能力
Base64 編碼
文字或 UTF-8 字串轉為 Base64。
Base64 解碼
Base64 還原為原始文字，支援中文。
URL 編碼
特殊字元轉為 %XX 百分號編碼形式。
URL 解碼
還原 %XX 編碼為可讀字串。
即時轉換
輸入變化即輸出，無需點選按鈕。
本地安全
Credentials、Token 片段等敏感字串不上傳。
UTF-8 安全
中文與 emoji 編解碼不丟失，與 Node Buffer 行為一致。
多模式切換
Base64 與 URL 模式獨立，避免混用導致錯誤結果。
HOW TO USE
使用步驟
-
1
貼上原始文字
-
2
選擇 Base64 或 URL 編解碼
-
3
複製輸出
-
4
使用範例資料按鈕快速瞭解輸入輸出格式
-
5
複製結果到剪貼簿，或與其他 JSONSort 工具串聯使用
WORKFLOW
典型工作流
從匯入資料到匯出結果的完整流程，幫助團隊統一 編解碼 的使用方式。
選擇編碼型別
二進位制/文字傳傳輸用 Base64；URL 參數用 URL 編碼。
輸入原文或編碼串
從 header、日誌或 Data URL 複製。
驗證往返
編碼後再解碼，與原文對比確認無損。
用於下游
複製結果到 HTTP 客戶端或原始碼。
USE CASES
適用場景
前端開發
構造 Data URL、除錯 Base64 圖片內嵌、URL 參數編碼。
後端開發
驗證客戶端傳來的 Base64 欄位是否正確解碼。
測試工程師
構造 URL 編碼的測試參數，排查雙重編碼 bug。
安全工程師
本地解碼敏感 payload，避免使用不可信線上工具。
全棧除錯
構造 Basic Authorization header（base64(user:pass)）。
郵件開發
MIME base64 附件片段本地解碼驗證。
TIPS
使用技巧
- Base64 解碼失敗通常是 padding 缺失或含非法字元，檢查末尾 = 號。
- 中文 Base64 編解碼全程 UTF-8，與 Java standard Base64 預設行為一致。
- URL 解碼時注意 + 號在 query 中可能代表空格（application/x-www-form-urlencoded）。
- JWT 中間那段 Payload 就是 Base64URL，可用 Base64 解碼檢視（注意 URL safe 變體）。
- 與 Query 工具配合：編碼 query 參數，或解碼分析已有 URL。
- Data URL 格式 data:text/plain;base64,XXX 需去掉字首再解碼。
- JWT 第二段是 Base64URL，標準 Base64 解碼大多可用但注意 - _ 字元。
- encodeURI 保留 : / ? # 等 URL 結構字元；參數值用 encodeURIComponent。
- Data URL 去掉 data:*;base64, 字首再解碼。
- 與 Query 工具串聯：JSON → query → URL encode 全流程本地完成。
LOCAL VS ONLINE
本地 vs 線上工具
JSONSort 堅持純前端架構，以下對比說明為何本地化工具更適合處理開發資料。
TROUBLESHOOTING
常見誤區與排查
實際使用中容易遇到的問題及建議處理方式，減少反覆試錯的時間。
Base64 解碼亂碼
建議：可能是 UTF-16 或錯誤 charset；確認源為 UTF-8。
URL 解碼後仍有 %
建議：雙重編碼；再解碼一次或檢查誰編碼了兩次。
+ 變空格
建議：query 中 + 表示空格；Form 編碼與 URL 標準不同。
JWT 段解碼失敗
建議：使用 Base64URL 變體；去掉 Bearer 字首只解 payload 段。
FAQ
常見問題
Base64 和 Base64URL 有什麼區別？
Base64URL 用 - _ 替代 + /，JWT 使用 Base64URL。標準 Base64 解碼大多數情況相容。
能處理二進位制檔案嗎？
文字模式適合字串。二進位制檔案建議用檔案匯入轉 Base64。
URL 編碼用哪種標準？
encodeURIComponent 語義，適合 query 參數值編碼。
Base64 末尾沒有 = 能解碼嗎？
URL safe Base64 常省略 padding；解碼器會自動補齊。
和 Node btoa 結果一樣嗎？
ASCII 文字一致；中文建議用本工具 UTF-8 模式，btoa 需額外處理。
資料會上傳到伺服器嗎？
不會。JSONSort 所有工具均在瀏覽器本地執行，您的輸入內容不會傳送到任何後端伺服器。
需要註冊或安裝嗎？
不需要。開啟頁面即可使用，無需賬號、無需下載客戶端，也支援 PWA 離線快取。
支援多大的檔案？
取決於瀏覽器記憶體，通常可流暢處理數 MB 級別的資料。超大檔案建議先拆分或使用合併清理工具。