格式转换

图像转 Base64

将图像转换为面向开发者的 Base64 Data URI。

拖入图像转换为 Base64

支持 JPG、PNG、WebP、HEIC、TIFF 等 · 最大 40 MB MB

什么是 图像转 Base64?

Convert images to Base64 data URIs for developers。把任意图片编码为 Base64 data URI,直接嵌入 CSS/HTML/JSON。把小图标、sprite 内联到标签里,省掉 HTTP 请求。可一键复制的 data:[mime];base64,... 字符串。

所有处理均在浏览器本地完成,您的图片绝不会上传到任何服务器。

核心功能

  • 一键复制完整 data URI
  • 支持 JPG/PNG/WebP/SVG/GIF
  • 显示与二进制体积的精确差异

常见使用场景

  • 将小图直接嵌入HTML/CSS作为Data URI减少HTTP请求
  • 在JSON、邮件模板或单文件HTML中内嵌图片
  • 为Markdown、浏览器扩展或本地Web应用编码图片
使用指南

如何使用此工具

图片转 Base64 转换器可以把任意图片文件转换为可直接嵌入 HTML、CSS、JSON 或 JavaScript 的 data URI 字符串。它是前端开发者内联小图标、避免额外 HTTP 请求、以及在接口响应中携带素材负载的常用工具,且零云端往返。

如何使用

拖入图片或从剪贴板粘贴。工具会把文件读取为 ArrayBuffer,进行 base64 编码,并加上合适的 data URI 头部(例如 data:image/png;base64,…)。工具会同时提供原始 Data URI 和可以直接粘贴的 CSS background 规则。

一键即可复制任一输出到剪贴板。工具还会实时显示编码后的字节数,方便你判断是否值得内联,注意 base64 负载大约比原始二进制大 33%。

  • 一键复制 Data URI 或 CSS background 规则
  • 实时显示编码后的字节大小
  • 支持 JPG、PNG、WebP、SVG、GIF 等格式
  • 完全离线运行,可安全用于私有素材

什么时候适合内联

内联 data URI 适合小于约 4 KB 的图片、favicon、邮件模板、模糊占位图和一次性营销素材,可以节省一次网络往返,也能避免首屏关键像素的加载闪烁。

再大的图片建议保持外链并使用 HTTP 缓存。内联 base64 会膨胀 HTML/CSS 体积,无法被浏览器图片缓存复用,还会拖累首次加载的 LCP。

常见问题

所有图都该 Base64 内联吗?

仅小资源 (<4KB)。Base64 体积大 ~33%,大图会失去缓存。

输出的 MIME 是什么?

从源文件自动识别:image/png、image/jpeg、image/webp 等。

什么是Base64 Data URI?

Data URI是用Base64将二进制数据(如图片)直接编码为文本的格式,可在HTML/CSS/JSON中内嵌图片。

Base64会增大文件吗?

会,Base64比原始二进制大约33%。适合几KB以下的小图(图标、精灵图)。

应该给所有图片用Base64吗?

不。仅对小图(4KB以下)使用,大图请用WebP/AVIF标准img标签。

这个工具免费吗?

是的,完全免费,无需注册、无水印、无每日限制。所有处理在浏览器本地运行。

为什么 base64 字符串比原始文件大?

Base64 用 6 位表达 8 位二进制流,因此会带来大约 33% 的开销,这是格式本身决定的。

可以把 base64 字符串还原为文件吗?

本工具是单向的。大多数浏览器和 IDE 可以直接渲染 Data URI,或使用专门的解码工具。