什么是图片转 Base64？
图片转 Base64 使用浏览器 FileReader 读取本地 PNG、JPEG、WebP、GIF、SVG 等 image 类型文件，并生成带 MIME 前缀的完整 Data URL。页面同时显示本地预览和字节信息，适合制作小型内联资源、接口测试样例或检查图片编码，但 Base64 会增加体积，并不等于图片压缩。常见使用场景包括：把小图标或测试图片转换成可复制的 Data URL。；为 API、邮件模板或离线页面准备图片编码示例。；核对文件 MIME 类型、原始大小和 Base64 体积差异。页面同时列出输入边界、输出规则和限制，便于在复制结果或投入实际流程前核对格式、语义与安全注意事项。
适用场景
- 把小图标或测试图片转换成可复制的 Data URL。
- 为 API、邮件模板或离线页面准备图片编码示例。
- 核对文件 MIME 类型、原始大小和 Base64 体积差异。
使用方法
- 选择本地图片，或装载内置 SVG 示例。
- 检查 MIME 类型和文件大小。
- 转换并预览，再复制 Data URL。
- 先使用页面提供的复杂示例验证当前选项和运行方向，再替换为自己的数据。
- 检查输出区、状态提示和限制说明，确认结果符合预期后再复制、下载或继续处理。
可运行示例
工作区中的“示例 1”和“示例 2”按钮会载入对应内容。两个示例覆盖不同结构、方向或边界，可以直接运行并观察输出与状态提示。
示例 1
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iMTgwIj48cmVjdCB3aWR0aD0iMzIwIiBoZWlnaHQ9IjE4MCIgcng9IjI0IiBmaWxsPSIjMTAyNDNlIi8+PHRleHQgeD0iMTYwIiB5PSIxMDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMzIiIGZpbGw9IiM3NGRmYzkiPkpTT05MYW5lPC90ZXh0Pjwvc3ZnPg==示例 2
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMjAwIj48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzE4MzM0MiIvPjxjaXJjbGUgY3g9IjMyMCIgY3k9IjEwMCIgcj0iNzAiIGZpbGw9IiMyNmI2YTQiLz48dGV4dCB4PSIzMCIgeT0iMTEwIiBmb250LXNpemU9IjI0IiBmaWxsPSIjZjNmOGZhIj7mnKzlnLDlpITnkIY8L3RleHQ+PC9zdmc+输入规则
- 文件选择器接受浏览器识别为 image/* 的本地文件。
- 单个文件不得超过 10 MiB，内置示例也遵循同一解析规则。
- SVG、GIF 或新格式能否预览取决于当前浏览器支持。
- 文本输入在运行前按字符计数，当前页面上限为 15,000,000；文件类功能另按页面显示的文件上限执行。
- 文件上限 10 MiB。
输出规则
- 结果以 data:image/...;base64, 开头并包含完整文件字节。
- Base64 通常比二进制原文件大约三分之一。
- 工具不改变尺寸、画质、元数据或图片压缩格式。
- 输出只反映当前输入、方向和选项；切换模式或修改输入后应重新运行，不应把旧结果当成新结果。
- Base64 不会压缩图片。
限制与注意事项
- 文件上限 10 MiB。
- Base64 不会压缩图片。
- 超长 Data URL 不适合直接内联在所有生产页面。
数据处理说明
所选文件由当前浏览器直接读取并转换，文件内容不会上传到 JSONLane；预览和 Data URL 仅保存在页面内存中。关闭或刷新页面后，本工具不会保留本次数据。