关于图片转 Base64
图片转 Base64 工具把图片文件编码成 Base64 字符串。Base64 编码后的图片可以直接嵌入 HTML、CSS 或 JSON 中,无需额外的图片文件请求,常用于减小 HTTP 请求数、内联小图标、配置数据传输等场景。工具支持 PNG、JPG、GIF、SVG 等常见格式,可以选择输出完整的 Data URL(含 data:image/png;base64, 前缀,可直接用在 src 属性)或纯 Base64 字符串。所有转换在浏览器本地完成,图片不会上传。
常见使用场景
- 把小图标转成 Base64 内联到 CSS,减少 HTTP 请求
- 在 JSON 配置里嵌入图片数据
- 生成邮件模板中的内联图片
- 把图片用于不支持外部链接的环境
常见问题
- Base64 编码后图片会变大吗?
- 会。Base64 编码后的体积约为原文件的 1.33 倍(每 3 字节变成 4 字符)。对于小图标影响很小,但大图片不建议转成 Base64 内联,反而会增加体积。
- Data URL 和纯 Base64 有什么区别?
- Data URL 包含前缀(如 data:image/png;base64,),可以直接放进 HTML 的 src 或 CSS 的 url() 里使用。纯 Base64 不含前缀,适合需要自己拼接前缀或传输原始编码的场景。