如何使用
- 将 PNG、JPG、SVG、WebP 或 GIF 图片拖到上传区，或点击选择文件。
- 在预览区确认图片、MIME 类型、原始大小和 Data URI 大小。
- 按需复制完整 Data URI、纯 Base64 字符串、CSS
background-image或 HTML<img>代码。 - 将代码粘贴到 CSS、HTML、邮件模板或 JSON 配置中。
示例：点击“载入 SVG 示例”，工具会生成一个本地 SVG 图标并转换为 Data URI，你可以直接复制 CSS 或 HTML 片段。
核心功能
- 即时生成 Data URI：拖入图片后在浏览器中生成
data:image/...;base64,...，可直接用于前端代码。 - CSS 与 HTML 代码片段：一键复制 CSS
background-image或 HTML<img>标签，不必手写前缀。 - 支持常见 Web 图片格式：可处理 PNG、JPG、SVG、WebP、GIF、AVIF 等浏览器可读取的图片。
- 批量图片队列：一次拖入多张小图标或邮件素材，逐个预览并复制需要的代码。
- 100% 本地隐私：图片通过原生
FileReader在当前设备读取，不上传到服务器。
相关工具
在线 Base64 转换工具：支持图片/文件转 Base64 Data URL，或将 Base64 还原为可下载文件。支持 WebP、批量处理与 CSS background 代码生成，纯本地不上传。
在浏览器本地将 Base64 或 Data URI 还原为图片，即时预览并下载为原始格式、PNG、JPG 或 WebP。
免费在线 JSON 工具：一键美化/压缩、语法校验、错误高亮，并自动生成 TypeScript 接口与 Zod Schema。纯浏览器本地处理，数据不上传。
免费的 JSONPath Tester / Evaluator：粘贴 API JSON，实时提取匹配节点、查看路径并复制 JSON 结果。解析与查询都在浏览器本地完成。
在浏览器本地将 JSON 对象或对象数组转换为 CSV，展开嵌套字段，预览结果并复制或下载文件，无需上传数据。
将 CSV 文本或文件在浏览器本地实时转换为 JSON 数组，支持表头、逗号/分号/Tab 分隔、拖拽文件、复制和下载，无需上传数据。
在浏览器本地比较两个 JSON，按 Key 排序后做语义化 Diff，忽略字段顺序干扰，标记新增、删除和修改字段，无需上传数据。
把格式化 JSON 压缩为一行，移除缩进、换行和多余空白，并实时查看压缩前后体积与节省比例。
计算逻辑
Base64 会把二进制图片数据编码成 ASCII 字符串，因此可以直接嵌入 HTML、CSS 或 JSON。Data URI 的基本结构是 data:[mime-type];base64,[encoded-data]，浏览器可以把它当作图片资源读取。
需要注意：Base64 不是图片压缩。编码后体积通常会增加约 33%，因此更适合小图标、Logo、邮件内联图片或减少少量 HTTP 请求的场景；大照片和大量素材通常仍建议使用普通图片文件并配合压缩工具。
常见问题
为什么要把图片转成 Base64？
常见用途是把小图标、邮件图片或配置中的小型图片直接嵌入代码，减少外部请求或避免邮件客户端拦截远程图片。
Base64 会压缩图片吗？
不会。Base64 编码通常会让体积增加约 33%。它优化的是嵌入和请求数量，不是图片存储大小。
支持哪些图片格式？
支持 PNG、JPG、JPEG、SVG、WebP、GIF、AVIF 等浏览器能读取的图片格式。
我的图片会上传吗？
不会。转换使用浏览器原生 FileReader.readAsDataURL 完成，图片不离开当前设备。
可以直接复制 CSS 或 HTML 吗？
可以。每张图片都会生成完整 Data URI、纯 Base64、CSS background-image 和 HTML <img> 代码。