UtilForge

Base64 工具包 — 编码、解码与文件转换

面向开发者的完整 Base64 工具包。编码文本、解码 Base64,以及文件与 Base64 互转 — 全部在客户端完成。

输入文本以自动检测

开发者导出模板

为您的项目生成可复用的代码片段

1 行

原始

网页

数据

编程语言

HTML <img>.html
1
<img src="data:image/png;base64," alt="Embedded Image" />

HTML <img>

将 Base64 图片直接嵌入 HTML img 标签,无需外部文件。

使用场景

  • •邮件签名
  • •离线 HTML 页面
  • •小图标和 Logo
  • •单文件原型

注意事项

大图片请避免使用 — 外部文件加载更快。

什么是 Base64 编码?

Base64 是一种二进制到文本的编码方案,它将二进制数据表示为 ASCII 字符串格式。它常用于在 HTML、CSS、JSON 或 XML 等基于文本的格式中嵌入图片、文件或其他二进制数据。我们的在线 Base64 编码/解码工具让您可以即时将纯文本转换为 Base64,或将 Base64 字符串解码回可读文本。所有操作均在客户端浏览器中执行,您的数据永远不会离开您的设备。该工具通过 URI 编码支持 Unicode 字符(包括中文、西语重音符号和表情符号)。

FAQ

为什么要使用 Base64 编码?

当您需要通过仅支持文本的媒介传输二进制数据时,Base64 编码非常有用。常见用途包括在 HTML 邮件中嵌入图片、在 JSON 中存储二进制数据、以及在 HTTP 头中编码认证凭据。

Base64 能压缩数据吗?

不能,Base64 不是压缩算法。实际上,Base64 编码会使数据大小增加约 33%。它纯粹是一种编码方案,使二进制数据能够安全地通过基于文本的协议传输。

你们的工具支持 UTF-8 和 Unicode 吗?

支持的。我们的 Base64 工具使用 encodeURIComponent 和 decodeURIComponent 来正确处理 Unicode 字符,包括中文、日文、阿拉伯文、西语重音符号、表情符号以及任何其他 UTF-8 文本。这确保您的编码数据在不同系统之间保持完整。

什么是 Base64URL?我什么时候应该使用它?

Base64URL 是 Base64 的 URL 安全变体,常用于 JWT、OAuth 令牌和查询参数。它将 + 替换为 -、/ 替换为 _,并省略末尾的 = 填充,因此字符串无需额外编码即可嵌入 URL。本工具包生成标准 Base64;如需 Base64URL,请对结果执行上述字符替换。

为什么有些 Base64 字符串以 = 或 == 结尾?

= 字符是填充符。Base64 按每 3 个字节一组编码数据,当输入长度不是 3 的倍数时,会追加一个或两个 = 字符,使输出长度为 4 的倍数。填充不携带任何数据,只要解码器能将其补回,就可以安全地移除。

如何将图片转换为 Base64(data URI)?

切换到「文件转换」标签页,上传您的图片并将其转换为 Base64。在结果前加上 data:image/png;base64,(或对应的 MIME 类型)即可得到可用的 data URI,可用于 img 的 src 属性和 CSS 的 url() 值。若要将 Base64 图片还原为文件,请在同一标签页使用反向转换。

为什么 btoa() 处理中文字符或表情符号时会失败?

JavaScript 的 btoa() 只接受 Latin-1 范围内的字符,因此对 Unicode 文本会抛出错误。请先使用 encodeURIComponent——btoa(encodeURIComponent(text))——或将文本粘贴到本工具包中,它能正确处理 UTF-8,包括中文和表情符号。

发现此工具有问题?

报告问题