使用步骤
- 选择图片、拖到这里,或按 Ctrl+V 粘贴。
- 选择输出格式:Data URI、仅 Base64、CSS 背景、HTML img 标签或 Markdown。
- 复制结果。
- 反向转换时,在「Base64 转图片」中粘贴 Data URI 或 Base64 字符串。
参数说明
- Data URI
- 完整的 data:image/png;base64,… 字符串,可以用在任何接受网址的地方。
- 仅 Base64
- 去掉 data:…; 前缀的纯编码数据,适合要求原始 Base64 的接口和 JSON 字段。
使用示例
| 输出 | 结果 |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
常见问题
转成 Base64 后体积会变大多少?
大约三分之一。Base64 用 4 个字符表示 3 个字节,30 KB 的图片会变成约 40 KB 的文本。
什么时候适合把图片内联成 Base64?
几 KB 以内的小图标内联可以省掉一次网络请求。较大的图片最好作为单独文件,这样可以被缓存,也不会让 HTML、CSS 变得臃肿。
支持哪些格式?
浏览器能打开的图片都可以,包括 PNG、JPEG、GIF、WebP、SVG、AVIF 和 ICO。解码时如果缺少 MIME 类型,会根据数据本身识别格式。
图片会上传吗?
不会,编码和解码都在浏览器中完成。
隐私说明
本工具完全在浏览器中运行,文件和文本都在你的设备上处理,不会上传到我们的服务器。