如何使用
- 選擇 檔案 → Base64，拖曳或點擊選擇檔案。
- 複製 Base64 輸出，或複製 CSS background 代碼。
- 切換到 Base64 → 檔案，貼上字符串並下載還原檔案。
核心功能
- 檔案轉 Base64：拖曳上傳，自動生成 Data URL。
- Base64 還原檔案：貼上字符串即可恢復並下載。
- WebP 支援：兼容現代圖片格式，適合前端最佳化。
- 批次處理：一次處理多個檔案，逐個複製輸出。
- CSS 生成：一鍵複製
background-image: url('data:...')。 - 隱私保護：離線處理，不上傳檔案或文本。
相關工具
Base64轉圖片 - 本機預覽下載
在瀏覽器本機將 Base64 或 Data URI 還原爲圖片，即時預覽並下載爲原始格式、PNG、JPG 或 WebP。
圖片轉 Base64 編碼 - 本機生成 Data URI 代碼
免費的線上圖片轉 Base64 編碼工具。將 PNG、JPG、SVG、WebP 或 GIF 拖曳輸入即可生成 Data URI、CSS background 和 HTML img 代碼，純瀏覽器本機處理，無需上傳圖片。
JSON 格式化校驗與 TS 類型生成 - 線上美化、壓縮與修復
免費線上 JSON 工具：一鍵美化/壓縮、語法校驗、錯誤高亮，並自動生成 TypeScript 接口與 Zod Schema。純瀏覽器本機處理，資料不上傳。
免費 JSONPath 線上測試工具 | 本機實時求值
免費的 JSONPath Tester / Evaluator：貼上 API JSON，實時提取匹配節點、查看路徑並複製 JSON 結果。解析與查詢都在瀏覽器本機完成。
JSON 轉 CSV 工具 - 本機轉換爲表格資料
在瀏覽器本機將 JSON 對象或對象數組轉換爲 CSV，展開嵌套字段，預覽結果並複製或下載檔案，無需上傳資料。
CSV 轉 JSON 工具 - 本機實時轉換器
將 CSV 文本或檔案在瀏覽器本機實時轉換爲 JSON 數組，支援表頭、逗號/分號/Tab 分隔、拖曳檔案、複製和下載，無需上傳資料。
JSON 對比工具 - 本機 Semantic Diff
在瀏覽器本機比較兩個 JSON，按 Key 排序後做語義化 Diff，忽略字段順序幹擾，標記新增、刪除和修改字段，無需上傳資料。
JSON 壓縮工具
把格式化 JSON 壓縮爲一行，移除縮進、換行和多餘空白，並實時查看壓縮前後體積與節省比例。
計算邏輯
- Data URL 結構通常形如：
data:[<mediatype>][;base64],<data>。 - 檔案讀取可用
FileReader異步執行，避免阻塞 UI。 - MIME 類型用於生成正確的 Data URL 前綴與下載擴展名。
常見問題
- 這個工具免費嗎？
- 免費。
- 資料安全嗎？會上傳檔案嗎？
- 不會。編碼/解碼在瀏覽器本機完成。
- 如何在 CSS 中使用 Base64 圖片？
- 上傳圖片後點擊「複製 CSS background」，即可得到可直接貼上的樣式代碼。
- 爲什麼 Base64 會讓體積變大？（技術原理）
- Base64 用 4 個字符表示 3 個位元組，通常會帶來約 33% 的體積膨脹，因此更適合小資源或內聯場景。
- 可以將 WebP 轉成 Base64 嗎？
- 可以，工具完整支援 WebP 等現代格式。