Base64 Files
免费 · 浏览器本地 · 无需上传

文件转 Base64

直接在浏览器中将任意文件转换为 Base64、Data URL、HTML、CSS、JSON 或 API 载荷格式。无需上传,文件始终保留在您的设备上。

文件转 Base64

拖入文件,选择输出格式,一键复制结果。

1上传文件

将文件拖放到此处

点击从本地选择文件

支持图片、PDF、SVG、字体、文档等各种格式

建议不超过 10 MB

文件在浏览器本地处理,不会上传到服务器

2输出设置
包含 MIME 类型
为输出加上 data: 前缀
折行(每行 76 字符)
将 Base64 分成 76 字符一行
包含文件名注释
在 JSON / API 输出中添加文件名
// 上传文件后此处显示输出结果
格式:Data URL字符数:0行数:1本地编码,不会上传

有 Base64 需要还原成文件?

将 Base64 字符串或 Data URL 解码还原为原始文件,支持图片预览和直接下载。

Base64 转文件

如何将文件转换为 Base64

1

上传文件

点击上传区域或拖放任意文件——图片、PDF、字体、SVG、文档等均可。

2

选择输出格式

选择原始 Base64、Data URL、HTML 嵌入、CSS background、JSON 载荷或 API 就绪格式。

3

复制或下载

点击复制将结果发送到剪贴板,或下载 .txt 文件处理大体积输出。

文件转 Base64 示例

在常见 Web 开发场景中使用 Base64 编码文件的方式。

HTML <img>html
<img
  src="data:image/png;base64,iVBORw0KGgoAAAANSUh..."
  alt="logo"
/>
CSS backgroundcss
.hero {
  background-image: url("data:image/png;base64,iVBOR...");
}
JSON payloadjson
{
  "filename": "logo.png",
  "mime": "image/png",
  "encoding": "base64",
  "data": "iVBORw0KGgoAAAANSUhEUgAA..."
}
API fetchjs
fetch('/api/upload', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    filename: 'logo.png',
    data: 'iVBORw0KGgoAAAANSUhEUgAA...',
  }),
})

什么时候应该使用 Base64 文件?

Base64 并非万能之选——以下是真正适合使用它的场景。

在 HTML 和 CSS 中内联图片

将图片直接嵌入 HTML 或 CSS,无需单独的文件请求——非常适合首屏关键图片或自包含的邮件 HTML。

API 文件传输

通过 REST 或 GraphQL API 在 JSON 请求体中以 Base64 字符串传输文件,无需 multipart/form-data 编码。

邮件附件和内联图片

MIME 邮件格式使用 Base64 处理附件和内联图片。构建所有资源均已内嵌的邮件模板。

自包含的 HTML 文件

创建所有资源均以 Base64 嵌入的单一 HTML 文件——适用于离线文档、导出或快照场景。

常见问题

这个工具安全吗?

安全。所有转换完全在浏览器中通过 Web File API 完成,您的文件不会发送到任何服务器。您可以断网后验证——工具依然可以正常使用。

支持哪些文件类型?

支持浏览器 File API 可读取的任意文件:图片(PNG、JPEG、GIF、WebP、SVG)、PDF、字体(WOFF、WOFF2、TTF)、音频、视频以及任意二进制文件,没有类型限制。

为什么 Base64 输出比原始文件更大?

Base64 将每 3 个字节编码为 4 个 ASCII 字符,输出大约比原始文件大 33%。这是将二进制数据表示为纯文本所带来的固有开销。

原始 Base64 和 Data URL 有什么区别?

原始 Base64 只是编码后的字符串。Data URL 会在前面加上 MIME 类型——例如 data:image/png;base64,——使其可以直接作为浏览器 src 属性或 CSS url() 的值使用。

有文件大小限制吗?

没有硬性限制,但超过 10 MB 的文件会产生非常大的输出,复制可能较慢。对于大文件,建议使用「下载 .txt」按钮而非剪贴板。

可以将 Base64 解码还原为文件吗?

可以——使用「Base64 转文件」工具。粘贴任意有效的 Base64 字符串,选择目标 MIME 类型,然后下载重建的文件。