体积会变大 33% 左右
Base64 每 3 个字节编码成 4 个字符，所以字符串体积约为原文件的 1.33 倍，再加上 data:image/png;base64, 前缀。它不会让图片变小，只是把图片变成可以写进文本的字符。
想减小体积请用压缩工具，不要指望 Base64。
100% 浏览器本地处理
图片转 Base64 编码 DataURL 在线生成
把 JPG、PNG、WebP、GIF 变成 data:image/...;base64 字符串，顺带生成 HTML <img> 和 CSS background 片段，一键复制。
- 支持多张
- 片段可直接粘贴
- 不经过服务器
图片转 Base64 / DataURL
按原文件字节转换，不重新压缩；每张图独立显示字符串和片段。
把图片拖到这里，或 点击选择
支持多选 · 建议单张小于 2 MB，页面更流畅
图片不离开你的浏览器。 读取、编码和复制都在本机完成，服务器不接收、不保存任何图片。
附加片段 勾选后每张图都会多给一段可复制的代码
DataURL 本身按原文件字节编码，不会重新压缩；字符串长度约为文件字节数的 1.33 倍。
转换完成后，这里会显示字符数、估算体积和完整字符串。
提示：超过 25 万字符的图片只在页面上展示开头部分，复制按钮仍会复制完整字符串，避免超长文本卡住页面。
Base64 值不值得用
什么时候该内联图片，什么时候该继续用普通图片链接
适合小图标与单文件页面
图标、骨架图、邮件签名、需要单文件交付的 HTML Demo 都适合内联。图片随 HTML/CSS 一起到达，不用额外请求，但也无法被浏览器单独缓存。
大图内联会拖慢首屏解析，还可能在部分编辑器里卡顿。
转换是完全本地的
页面用 FileReader 读取你选择的文件，得到字符串后立刻写回页面，没有上传路径，也没有第三方脚本能读到你选的图片。
刷新后字符串不会保留，需要就先复制走。
需要定制工具或脚本？看这里