ZeroTool Workbench

图片转 Base64 工具

即时将任意图片(JPG、PNG、GIF、WebP、SVG)转换为 Base64 字符串或 Data URI。支持图片预览、一键复制。免费在线工具,纯浏览器端运行,无需上传。

100% 浏览器端运行 数据不离开你的设备 免费 · 无需注册

Drop an image here, or click to select

Supports JPG, PNG, GIF, WebP, SVG, BMP

阅读完整使用指南 图片转 Base64 完整指南:Data URI、API 传图与内嵌方案

使用方法

  1. 将图片拖拽到上传区域,或点击该区域打开文件选择器。
  2. 图片预览、文件信息和编码结果会即时显示。
  3. 点击 Base64 String 旁的 Copy 复制原始 Base64 数据。
  4. 点击 Data URI 旁的 Copy 复制完整的 Data URI,可直接用于 HTML/CSS。
  5. 点击 Clear 重置并继续转换其他图片。

常见使用场景

嵌入 HTML

直接在 <img> 标签中使用 Data URI,无需额外 HTTP 请求。

嵌入 CSS

在 CSS 中用 Data URI 设置图标或 Logo 的背景图。

JSON 数据传输

将 Base64 字符串包含在 JSON API 请求体中,用于不支持二进制数据的场景。

Base64 编码的体积开销

Base64 编码后的数据体积约比原始二进制文件增加 33%。 例如,100 KB 的 PNG 编码后约为 133 KB。 对于图标、Logo 等小图片来说影响可接受,但对于大尺寸照片则效率较低。

FAQ

支持哪些图片格式?

支持浏览器原生支持的所有图片格式:JPG/JPEG、PNG、GIF、WebP、SVG、BMP、ICO、TIFF 及 AVIF。工具使用浏览器内置的 FileReader API 进行处理。

Base64 字符串与 Data URI 有什么区别?

Base64 字符串是图片的原始编码数据。Data URI 是完整的内联资源格式,在 Base64 数据前加上 MIME 类型前缀(如 data:image/png;base64,),可直接用于 HTML img 的 src 属性或 CSS background-image。

有文件大小限制吗?

没有硬性限制,但对于较大的图片(>5 MB),由于编码在内存中进行,可能会使浏览器变慢。对于大文件,建议先压缩图片再进行转换。

图片会被上传到服务器吗?

不会。转换完全在浏览器中通过 FileReader API 完成,您的图片文件不会离开设备。