Base64 图片互转

在「图片转 Base64」与「Base64 转图片」两种模式间切换：图片转 Base64 会本地读取文件并输出完整 DataURL 与去前缀的纯 Base64；Base64 转图片会校验并补全 DataURL 前缀后渲染预览。全部在浏览器本地完成，图片不会上传。

输入等待输入

模式

未选择图片

支持 PNG、JPG、GIF、WebP、SVG 等格式，图片仅本地读取。

图片转 Base64：本地读取文件并输出完整 DataURL 与去前缀的纯 Base64。Base64 转图片：粘贴 DataURL 或纯 Base64，补全前缀后渲染预览。

输出结果

字节数—

图片类型—

Base64 长度—

DataURL

纯 Base64

选择图片或粘贴 Base64 后转换，结果与预览将显示在这里。

DataURL 为完整前缀形式，纯 Base64 已去掉 data:...;base64, 前缀；预览由浏览器直接渲染。

转换规则

图片转 Base64 使用 FileReader.readAsDataURL 读取文件，输出形如 data:{mime};base64,{数据} 的 DataURL。
纯 Base64 为去掉 data:...;base64, 前缀后的部分，转换时会忽略空白字符。
自动识别按文件头魔数判断：PNG 89 50 4E 47、JPEG FF D8 FF、GIF GIF8、WebP RIFF....WEBP、SVG 以 <svg 或 <?xml 开头。
Base64 转图片会校验字符集与长度，并按所选类型（或自动识别结果）补全 DataURL 前缀后再渲染。
字节数由 Base64 长度换算：floor(有效字符数 × 3 / 4)；图片转 Base64 时以文件实际大小为准。
本工具仅做编码转换，不修改图片像素与内容；不发起任何网络请求。