图片转 Base64
将图片转换为 Base64 编码，支持拖拽上传
图片转Base64图片Base64编码Data URL生成Base64转换工具图片内联CSS背景图片
最后更新: 2026/7/11
点击或拖拽图片到此处
支持 PNG, JPG, GIF, WebP
💡 Data URL 可直接用于 img 标签的 src 属性
分享：
使用说明
- 点击上传区域或拖拽图片文件到工具中
- 选择输出格式：Data URL（带前缀）或纯 Base64 字符串
- 点击"复制"按钮一键复制转换结果
- 也可点击下载将 Base64 字符串保存为 .txt 文件
核心功能
- 1图片转 Base64 字符串上传图片文件，自动生成对应的 Base64 编码字符串。
- 2Data URL 格式输出支持生成包含 MIME 类型前缀的完整 Data URL，可直接用于 HTML/CSS。
- 3纯 Base64 输出可选仅输出不含前缀的纯 Base64 字符串，用于接口传输等场景。
- 4多格式支持支持 JPG、PNG、WebP、GIF、SVG 等常见图片格式的转换。
- 5字符串长度统计显示生成的 Base64 字符串长度，评估嵌入后对代码体积的影响。
适用场景
✓
HTML 邮件开发
将邮件中用到的图标或 Logo 转为 Base64，内嵌到 HTML 邮件确保图片正常显示。
✓
CSS 内联图片
将小图标转为 Base64 Data URL，用于 CSS background-image，减少 HTTP 请求。
✓
API 接口传图
某些接口要求以 Base64 格式上传图片，本工具快速完成转换。
✓
离线页面图片
需要将图片嵌入离线 HTML 文件时，用 Base64 内联图片避免外部依赖。
工具优势
零配置一键转换
上传图片即转换，无需任何设置，结果即刻可用。
两种输出格式
带前缀的 Data URL 和纯 Base64 双格式输出，适配不同使用场景。
本地处理保隐私
图片在浏览器本地转换，不上传服务器，商业图片和隐私照片安全可靠。
常见问题
Q: 图片转 Base64 后文件会变大吗？
A: 会。Base64 编码会使数据体积增加约33%（每3字节编码为4字符）。所以不建议对大图片使用 Base64，小图标（< 5KB）才适合内联。
Q: SVG 图片也能转 Base64 吗？
A: 可以。SVG 转 Base64 与位图处理方式相同，但 SVG 更推荐直接作为 <img src="data:image/svg+xml;base64,..."> 或使用 URL 编码（非 Base64）方式内联，兼容性更好。
Q: 生成的 Data URL 如何用在 CSS 中？
A: 直接粘贴到 background-image 属性中：background-image: url('data:image/png;base64,ABC...')。记得加引号。
相关工具
关联介绍
什么是Data URL
Data URL将数据直接嵌入文档，格式：data:[MIME类型];base64,[数据]。如data:image/png;base64,iVBORw0KGgo...。优点：减少HTTP请求（用于小图）。缺点：无法缓存、增加HTML大小、不适合大图。