图片转 Base64
本地运行，数据不上传服务器
使用说明
做单文件 HTML 演示时，想内联一张小图标，避免额外的外部请求；写邮件模板时，图片用 DataURI 内联能保证在邮件客户端里正常显示；做前端原型时，小 Logo 或占位图内联到 CSS 里，减少请求数；给别人交付单页应用时，把小图合并进 HTML 减少文件数量。 这个工具把本地图片文件编码为完整的 data:image/...;base64,... DataURI 字符串，并显示编码后的字符长度。编码过程不压缩、不转格式、不改变图片尺寸，原样编码。结果可一键复制。 结果超过 20 万字符时页面只显示摘要，但完整值在内存中保留供复制。适合做前端开发、单文件演示、邮件模板、原型设计的人。注意 DataURI 通常比原文件大约三分之一，大图不建议内联。
核心功能
- ✓把图片编码成 Base64 DataURI 字符串
- ✓输出完整的 data:image/...;base64,... 格式
- ✓显示编码后的字符长度
- ✓不压缩、不转格式、不改尺寸
- ✓结果可一键复制
- ✓本地编码，图片不上传服务器
- ✓支持 PNG、JPEG、GIF、WebP、BMP、SVG
使用教程
内联小图标到 HTML：把 PNG 或 SVG 图标转成 DataURI，直接放进 img 标签的 src 属性。 邮件模板内联图片：邮件客户端对图片外链支持不好，DataURI 更可靠。 CSS 背景图内联：小图内联到 background-image 里，减少 HTTP 请求。 做单文件演示：把 Logo 或占位图内联，整个页面就一个 HTML 文件。 转 SVG 图标：小尺寸 SVG 转成 DataURI，适合放在代码里。
常见问题
Q：会压缩图片吗？
A：不会，工具原样编码，不做任何压缩。
Q：可以批量转换吗？
A：不支持，一次处理单张图片。
Q：DataURI 会比原文件大吗？
A：会，通常大约大三分之一，因为 Base64 编码本身有约 33% 的膨胀。
Q：支持哪些格式？
A：支持 PNG、JPEG、GIF、WebP、BMP 和 SVG。
Q：大图适合转 Base64 吗？
A：不建议，大图 DataURI 会让 HTML 或 CSS 文件变大，影响加载。
Q：结果超过 20 万字符会怎样？
A：页面只显示摘要，完整值仍在内存中，可以正常复制。
Q：图片会上传服务器吗？
A：不会，编码在浏览器本地完成。