文件转 Base64
直接在浏览器中将任意文件转换为 Base64、Data URL、HTML、CSS、JSON 或 API 载荷格式。无需上传,文件始终保留在您的设备上。
文件转 Base64
拖入文件,选择输出格式,一键复制结果。
将文件拖放到此处
或 点击从本地选择文件
支持图片、PDF、SVG、字体、文档等各种格式
文件在浏览器本地处理,不会上传到服务器
有 Base64 需要还原成文件?
将 Base64 字符串或 Data URL 解码还原为原始文件,支持图片预览和直接下载。
如何将文件转换为 Base64
上传文件
点击上传区域或拖放任意文件——图片、PDF、字体、SVG、文档等均可。
选择输出格式
选择原始 Base64、Data URL、HTML 嵌入、CSS background、JSON 载荷或 API 就绪格式。
复制或下载
点击复制将结果发送到剪贴板,或下载 .txt 文件处理大体积输出。
文件转 Base64 示例
在常见 Web 开发场景中使用 Base64 编码文件的方式。
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUh..."
alt="logo"
/>.hero {
background-image: url("data:image/png;base64,iVBOR...");
}{
"filename": "logo.png",
"mime": "image/png",
"encoding": "base64",
"data": "iVBORw0KGgoAAAANSUhEUgAA..."
}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 类型,然后下载重建的文件。