Base64 文件转换

🔤 Base64 File Converter

📐 工作原理与说明
按逗号切分输入,第一段若形如「data: 类型 ; 后续内容」则取其中的媒体类型,否则按通用二进制流类型处理;数据部分为逗号之后的所有内容(没有逗号时取整串)。对数据做 Base64 解码得到二进制字符串,逐字符取字符编码填入无符号 8 位数组,再按解析出的媒体类型构造二进制大对象,据此生成临时下载链接并以「decoded.」加类型后缀(取不到后缀时用 bin)作为文件名触发下载,随后释放该链接。输出还原后的字节数(按易读大小格式化)与媒体类型;解码失败时提示 Base64 无效
把本地文件与 Base64 文本互相转换,可产出可直接嵌入页面的 Data URL。
  • 读取:用 FileReader 读为 ArrayBuffer 或 DataURL,再按 Base64 规则编码字节流。
  • Data URL:格式为 data:<MIME>;base64,<编码内容>,可直接作为 img/src 或下载链接。
  • 体积:编码后膨胀约 33%,大文件建议分片并放在 Worker 中处理,避免阻塞主线程。
  • 解码:剥离 Data URL 前缀后按 Base64 还原字节,再构造 Blob 触发下载。

Encode and decode files to and from Base64 in your browser — select a file and get the text, no upload.


或:粘贴 Base64 / data URI,还原为文件:

🔒 所有转换均在浏览器本地完成,文件绝不上传。大文件(>50MB)建议直接使用文件系统工具。

📚 深度解析:文件转 Base64(Data URI)

💡 常见使用场景

图片转 Data URI
选择一个 PNG 文件,工具在本地读取并输出 data:image/png;base64,iVBORw0KGgo... 形式字符串,可直接放入 <img src="..."> 或 CSS background。

❓ 常见问题(FAQ)

Data URI 有大小限制吗?
浏览器和邮件系统对 URL / data URI 长度有限制(常见几 MB 到几十 MB 不等),大文件应改用普通文件链接而非内联,否则可能截断或拖慢页面。
内联图片会影响性能吗?
Data URI 省了一次请求,但无法被浏览器单独缓存、且体积比原文件大约 33%,适合小图标;大图仍建议用独立文件 + 缓存。

Formula & Standard References

Item Formula / Note Source / Standard
Encoding 3 bytes become 4 six-bit groups over a 64-char alphabet RFC 4648
Padding pad with = to a multiple of four RFC 4648
Size overhead encoded size is about 4/3 of the original RFC 4648