如何使用
- 选择 文件 → 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 等现代格式。