图片工具·4 分钟

如何将图片转换为 Base64:免费编码器 (2026)

学习如何将任何图片转换为 Base64 字符串,用于 HTML、CSS 或 JSON。免费浏览器工具,多种输出格式。

什么是 Base64,为什么要转换图片到它?

Base64 是一种使用纯 ASCII 字符将二进制数据(如图片)编码为纯文本字符串的方法。结果是一长串字母、数字和符号,你可以将其粘贴到 HTML、CSS、JSON 或任何基于文本的格式中。浏览器即时将字符串解码回图片。

通常你会在以下情况需要 Base64 图片:

  • 在 HTML/CSS 中嵌入图片:通过内联小图片避免额外的 HTTP 请求
  • 在 JSON API 中发送图片:许多 API 只接受文本,不接受二进制上传
  • 在数据库中存储图片:某些设置将图片作为 Base64 字符串存储在文本字段中
  • 电子邮件模板:内联图片在各种电子邮件客户端中可靠渲染
  • 在代码片段中共享:可以轻松将单个字符串复制/粘贴到 Stack Overflow 或 GitHub README

Base64 使编码大小比二进制增加约 33%,因此最适合图标和 logo 等小图片,不适合完整照片。

方法 1:使用 UtilBoxx 免费图片转 Base64 工具(推荐)

我们的 图片转 Base64 工具 从任何图片生成干净、随时可粘贴的 Base64 字符串。步骤如下:

  1. 访问 utilboxx.com/zh/tools/image/base64
  2. 上传你的图片(JPG、PNG、GIF、SVG、WebP、BMP)
  3. 选择输出格式:原始 Base64 字符串、数据 URI、CSS 背景或 HTML img 标签
  4. 一键复制结果
  5. 直接粘贴到你的代码中

这个方法的优势

  • 多种输出格式满足不同用例
  • 一键复制
  • 在浏览器中运行(不上传到服务器)
  • 100% 免费

方法 2:命令行(Base64)

在 macOS/Linux 上,你可以在终端运行 'base64 image.png'。在 Windows 上,PowerShell 的 '[Convert]::ToBase64String([IO.File]::ReadAllBytes("image.png"))' 有效。两者都快速且可脚本化,但需要技术熟练度。

方法 3:在线生成器(各种)

许多充满广告的网站提供相同的转换。UtilBoxx 是最干净、最快的,并且仅在浏览器中运行,保护你的图片隐私。

常见问题

Base64 比原始图片小吗?

不。Base64 编码增加约 33% 的开销。权衡是编码后的文本可以直接嵌入源代码,消除单独的文件请求。

我可以在 CSS 中使用 Base64 图片吗?

可以。使用格式 'background-image: url(data:image/png;base64,iVBORw0KG...)'。UtilBoxx 可以为你输出确切的 CSS 代码片段。

Base64 适用于所有图片格式吗?

是的。JPG、PNG、GIF、SVG、WebP、BMP 和大多数其他格式都可以进行 Base64 编码。浏览器然后透明地解码它们。

我应该对大照片进行 Base64 编码吗?

对于小图片(logo、图标、UI 元素)非常适合。对于大照片,通常最好将它们保留为单独的文件并正常提供。

结论

对大多数开发者和设计师来说,UtilBoxx 的图片转 Base64 工具 是生成可嵌入图片字符串的最快方式。它免费、私密、单击即可输出代码就绪的片段。