什么是 Base64 编码？

Base64 是一种将二进制数据编码为 ASCII 字符的编码方式，使用 64 个可打印字符（A-Z、a-z、0-9、+、/）来表示数据。 Base64 编码常用于：

数据传输：在文本协议（如 JSON、XML、Email）中传输二进制数据
图片嵌入：将图片转换为 Base64 字符串，直接嵌入到 HTML 或 CSS 中
数据存储：在某些场景下将二进制数据以文本形式存储
API 传输：在 REST API 中传输图片或文件数据

如何使用 Base64 工具？

1. Base64 编码模式

将文本或文件转换为 Base64 编码：

选择「Base64 编码」标签页
在输入框中输入文本，或点击「上传文件」选择文件
系统自动将内容转换为 Base64 编码
可以复制编码结果或下载为文件

编码示例：

输入文本：Hello World
Base64 编码：SGVsbG8gV29ybGQ=

2. Base64 解码模式

将 Base64 编码还原为原始内容：

选择「Base64 解码」标签页
在输入框中输入 Base64 编码字符串
系统自动解码并显示原始内容
如果是图片，会自动显示预览；如果是文本，显示文本内容
可以复制解码结果或下载为文件

解码示例：

Base64 编码：SGVsbG8gV29ybGQ=
解码结果：Hello World

工具功能特点

1. 支持文本编码解码

支持任意文本内容的 Base64 编码和解码，包括：

普通文本：英文、中文、数字、符号等
特殊字符：支持 Unicode 字符，包括中文、日文、韩文等
代码片段：可以编码 JavaScript、JSON、XML 等代码

2. 支持图片编码解码

支持多种图片格式的 Base64 编码：

PNG、JPEG、JPG、GIF、WebP、SVG 等常见图片格式
自动识别图片类型，生成对应的 data URL
解码时自动显示图片预览
支持下载解码后的图片文件

图片 Base64 格式：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...

3. 实时预览功能

解码 Base64 时，工具会自动检测内容类型：

如果是图片，显示图片预览
如果是文本，显示文本内容
自动识别 data URL 前缀（如 data:image/png;base64,）

4. 文件上传和下载

支持文件上传进行编码，也支持将编码/解码结果下载为文件：

上传文件：支持选择任意文件进行 Base64 编码
下载文件：将编码结果或解码后的内容保存为文件
自动识别文件类型，保持原始格式

使用技巧

1. 处理 data URL 前缀

如果 Base64 字符串包含 data URL 前缀（如 data:image/png;base64,），工具会自动识别并处理。你也可以直接输入纯 Base64 字符串，工具同样可以正确解码。

2. 文本编码注意事项

编码文本时，工具会自动处理 Unicode 字符：

支持中文、日文、韩文等多语言字符
特殊字符会正确编码，不会出现乱码
编码后的字符串只包含 ASCII 字符，可以在任何文本环境中传输

3. 图片编码大小限制

虽然 Base64 编码会增加约 33% 的数据大小，但对于小图片（如图标、头像）仍然非常实用。建议：

小图片（< 50KB）适合使用 Base64 嵌入
大图片建议使用外部链接，避免 HTML 文件过大

4. 批量处理

工具支持快速复制和粘贴，可以方便地处理多个 Base64 字符串：

复制编码结果，粘贴到代码或配置文件中
从代码中复制 Base64 字符串，快速解码查看内容
一键复制功能，提高工作效率

常见 Base64 格式

Base64 编码在不同场景下可能有不同的格式：

纯 Base64：SGVsbG8gV29ybGQ=（不包含前缀）
Data URL（图片）：data:image/png;base64,iVBORw0KGgo...
Data URL（文本）：data:text/plain;base64,SGVsbG8gV29ybGQ=

工具支持以上所有格式，自动识别并正确处理。

总结

Base64 编码解码是开发中常用的数据处理方式。通过在线 Base64 工具，你可以：

快速编码文本和图片为 Base64 格式
解码 Base64 字符串，查看原始内容
实时预览图片和文本内容
上传文件进行编码，下载解码后的文件
纯前端处理，数据不上传服务器，安全可靠

工具支持多种文件类型，自动识别内容格式，提供便捷的编码解码功能，是开发者的实用工具。

Base64 编码解码工具使用指南：在线文本和图片 Base64 转换