图片转 Base64
图片转 Base64 Data URL，或把 Base64 还原成图片文件，支持拖拽上传。
图片转 Base64是做什么的
想把小图标直接写进 HTML 或 CSS、省掉一次图片请求，就需要 Data URL；反过来收到一段 Base64 想看看是什么图，也要能还原。拖入图片即转，粘贴 Base64 即还原，双向都行。
核心功能
- 输出 Data URL、纯 Base64、CSS、img 四种格式
- 支持 PNG、JPG、WebP、SVG、GIF
- 显示转换前后的体积与增幅
- 还原结果可直接下载成图片文件
图片转 Base64怎么用
拖入图片即可得到 Data URL，可直接用于 img src 或 CSS background。粘贴 Base64 也能还原并下载图片。
- 把图片拖入上传区，或点击选择文件
- 在格式下拉框选择需要的输出形式
- 点复制或下载 txt 拿走转换结果
- 反向还原时粘贴 Base64 并点还原图片
适合这些场景
- 前端内联小图标减少请求次数
- 邮件模板把图片写成 Data URL
- 排查收到的 Base64 是什么图片
常见问题
Base64 会变大吗？
会，Base64 约为原文件的 1.33 倍，结果区会显示具体增幅。一般只建议几 KB 的小图标内联，大图仍走文件引用。
建议转多大的图？
上传区提示建议小于 2MB。图片越大生成的字符串越长，编辑器与页面加载都会明显变慢。
还原失败是什么原因？
多为 Base64 被截断或混入了换行等字符。若粘贴的是纯 Base64 会按 PNG 处理，实际是其他格式时可能出现兼容问题。
图片会上传到服务器吗？
不会。读取与转换都在浏览器本地用 FileReader 完成，关闭页面后数据即释放。