图片转 Base64

工具介绍

网页里每张小图都是一次网络请求，图标、占位图这类小体积资源完全可以编码成 Data URL 写进 CSS 或 HTML，让浏览器少跑一趟。这个工具把本地图片一键转成完整 Data URL，复制即可粘进代码；方向反过来也行——把一段 Base64 或 data: URI 还原成能预览、能下载的图片。

Base64 会让体积膨胀约三分之一，因此页面把单张图片限制在 15 MB 以内，超限会明确提示改用链接方式引用。结果超过 300 字符时页面只显示开头一截，这是为了防止超长字符串卡死浏览器——「复制」按钮拿到的始终是完整编码。

使用步骤

1. 把图片拖进上方上传区（或点击选择），编码结果立刻出现在「Base64 结果」卡片中。
2. 点「复制」取走完整 Data URL——预览哪怕只显示了前 300 个字符，复制到的内容也是完整的。
3. 需要反向还原时，把 Base64 字符串或完整 data: URI 粘贴到下方输入框。
4. 点「预览」，图片显示出来后可点「下载图片」存回本地，文件扩展名按数据里的 MIME 类型自动推断。
5. 若提示「图片超过 15 MB，已停止转换」，说明这张图不适合内嵌，先压缩体积或改为图床链接引用。

适用场景

• 把小图标、装饰性小图转成 Data URL 写进样式或页面，省下这些零碎请求。
• 接手的代码里躺着一长段 data:image/...，想看清它究竟是什么图，粘贴进来一秒还原。
• 做单文件 HTML 小工具、邮件签名等不方便携带独立图片文件的交付物。
• 校验自己拼装的 Base64 图片数据是否完整有效，预览失败即说明数据有问题。

常见问题

图片会上传到服务器吗？

不会。读取文件、生成编码、还原预览都由浏览器本地脚本完成，图片与编码内容不离开你的设备，也不产生服务器端副本。

为什么超过 15 MB 就不让转了？

Base64 编码会让数据膨胀约三分之一，15 MB 的图片会生成 20 MB 以上的字符串，直接渲染会卡死页面。工具会提示「图片超过 15 MB，已停止转换」，大图建议上传后以链接方式引用。

结果框里的编码好像被截断了？

只是显示上的截断：超过 300 字符时页面只渲染开头一段加省略号，避免大字符串拖垮页面；「复制」按钮拿到的仍是完整内容，直接粘贴使用即可。

粘贴 Base64 后预览报错怎么办？

提示「无法解析该 Base64，请确认是否为有效的图片数据」时，通常是内容复制不完整、混入了换行空格，或它本来就不是图片数据。回到来源处重新复制完整字符串再试。

没有 data: 开头的纯 Base64 能预览吗？

可以。工具会自动补上图片类型的 data 前缀再解析；不过下载时的扩展名按前缀推断，若原图是 JPEG 等其他格式，建议粘贴带完整前缀的 data URL，扩展名判断更准。

基本操作

• 上传图片，自动生成 Base64 数据
• 粘贴 Base64，点击「预览」还原图片
• 图片最大支持 15 MB；大图建议上传后以链接引用而非内嵌 Base64

安全提示

• 图片仅在浏览器本地处理，不会上传
• Base64 是编码方式，不是加密算法