如何将图片转换为 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 字符串。步骤如下:
- 访问 utilboxx.com/zh/tools/image/base64
- 上传你的图片(JPG、PNG、GIF、SVG、WebP、BMP)
- 选择输出格式:原始 Base64 字符串、数据 URI、CSS 背景或 HTML img 标签
- 一键复制结果
- 直接粘贴到你的代码中
这个方法的优势:
- 多种输出格式满足不同用例
- 一键复制
- 在浏览器中运行(不上传到服务器)
- 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 工具 是生成可嵌入图片字符串的最快方式。它免费、私密、单击即可输出代码就绪的片段。