点击或拖拽图片到此处
支持 JPG、PNG、GIF、WebP、SVG,可批量上传
图片转 Base64 工具使用指南
工具介绍
图片转 Base64 工具支持将图片编码为 Base64 字符串,可输出 Data URL、纯 Base64、CSS background-image、HTML img 标签等多种格式。适用于网页开发中将小图标嵌入 CSS/HTML、减少 HTTP 请求、邮件内嵌图片等场景。支持批量转换,所有处理均在浏览器本地完成。
使用步骤
- 1拖拽或点击上传图片(支持批量,JPG/PNG/GIF/WebP 等)
- 2选择输出格式:Data URL、纯 Base64、CSS background、HTML img
- 3查看图片信息:尺寸、大小、MIME 类型
- 4点击单条结果复制,或使用"全部复制"功能
- 5可删除单张图片或清空全部重新上传
常见问题
Q:Base64 编码后文件会变大吗?
A:会的。Base64 编码将每 3 个字节编码为 4 个 ASCII 字符,文件体积增大约 33%。因此 Base64 适合小图标(几 KB 以内),不适合大图片。大图片建议使用普通文件引用配合 CDN。
Q:Data URL 和纯 Base64 有什么区别?
A:Data URL 格式为 data:image/png;base64,iVBORw0KGgo...,包含 MIME 类型前缀,可直接用于 或 CSS url() 中。纯 Base64 只有编码字符串,需要您自己添加前缀。
Q:支持哪些图片格式?
A:支持 JPG、PNG、GIF、WebP、BMP、SVG 等常见图片格式。SVG 文件会直接读取文本内容进行 Base64 编码,其他格式通过 Canvas 或 FileReader 读取后编码。