跳到正文
马克工具箱

图片转 Base64

把图片转成可以直接粘贴到 HTML、CSS、Markdown 或 JSON 里的 Base64 Data URI;反过来,粘贴 Base64 也能看到并下载其中的图片。

在浏览器本地运行,输入的内容和文件都不会上传

或把文件拖到这里

也可以直接 Ctrl+V / ⌘V 粘贴截图

Base64 转图片

使用步骤

  1. 选择图片、拖到这里,或按 Ctrl+V 粘贴。
  2. 选择输出格式:Data URI、仅 Base64、CSS 背景、HTML img 标签或 Markdown。
  3. 复制结果。
  4. 反向转换时,在「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 类型,会根据数据本身识别格式。

图片会上传吗?

不会,编码和解码都在浏览器中完成。

隐私说明

本工具完全在浏览器中运行,文件和文本都在你的设备上处理,不会上传到我们的服务器。

相关工具