图片转 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

使用方法

  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 完成,您的图片文件不会离开设备。