图片转 Base64

免费在线图片转 Base64 工具,上传图片即可生成 Base64 编码字符串,支持直接复制 Data URL 或纯 Base64,可用于 CSS、HTML、JSON 等场景。全程浏览器本地处理,隐私安全。

上传图片

输出设置

转换结果

可直接嵌入 CSS / HTML / JSON

可以用来做什么?

CSS 内嵌背景图

将小图标转 Base64 嵌入 CSS,减少 HTTP 请求

HTML 离线嵌图

单文件 HTML 嵌入图片,无需外部依赖即可分享

API 接口传图

将图片转 Base64 作为 JSON 字段传给后端或 AI API

邮件内嵌图片

将图片内嵌为 Data URL,避免邮件客户端屏蔽外链

移动端占位图

用极小的 Base64 图片作为懒加载占位,加速首屏渲染

前端工程化

将图片资源转为 Base64 字符串,方便打包内联

如何使用?

1

上传图片

上传 JPG、PNG、WebP、GIF 等格式图片

2

选择格式

选择输出 Data URL 或纯 Base64

3

复制使用

点击复制,粘贴到 CSS / HTML / JSON 中使用

相关工具推荐

常见问题

Base64 是一种将二进制数据转为纯文本的编码方式。图片转 Base64 后可嵌入 CSS background-image、HTML img 标签的 src 属性、JSON 配置文件等,无需单独托管图片文件,适合内嵌小图标、占位图等场景。

遇到其它问题或建议? 有 bug 或建议?点击发邮件给我们。

邮件我们

什么是图片 Base64 编码?

Base64 是一种将二进制数据转换为 ASCII 字符串的编码方式。将图片转换为 Base64 后,你可以得到一串纯文本字符串,其形如 data:image/png;base64,iVBORw0KGgo...。这种格式被称为 Data URL,可以直接嵌入 HTML、CSS 或 JSON 中,而无需将图片保存为单独的文件并通过 URL 引用。

Base64 编码体积约比原始文件大 33%,因此适合体积较小的图片(如图标、Logo、占位图),不建议对大图使用。

MeTool 图片转 Base64 的核心功能

Data URL 与纯 Base64 双格式

工具同时提供两种输出格式:
Data URL:含完整 MIME 前缀(如 data:image/png;base64,),可直接粘贴到 HTML img src、CSS background-image 的 url() 中使用。
纯 Base64:去掉前缀的纯编码字符串,适合 API 传参、自定义拼接场景。

一键复制,即用即走

点击复制按钮,字符串自动写入剪贴板,可立即粘贴到编辑器、终端或接口测试工具中,无需手动选择文本。

实时图片预览

上传后即刻渲染图片预览,让你在使用编码前确认图片内容正确,避免用错文件。

如何使用 MeTool 将图片转为 Base64

  1. 上传图片:点击上传区或拖拽图片文件,支持 JPG、PNG、WebP、GIF、SVG 等格式。
  2. 选择输出格式:选择「Data URL(含前缀)」或「纯 Base64」。前者可直接粘贴使用,后者适合需要自行添加前缀的场景。
  3. 复制使用:点击复制按钮,将编码字符串粘贴到目标位置,完成。