OpenReplay Logo
12k
12k

图片转 Base64 转换器

在图像和 Base64 之间互相转换——拖放或粘贴一个文件即可获得原始字符串、data URI 以及 CSS 和 HTML 代码片段,全部在浏览器中本地处理。

在您的浏览器中本地编码 — 您的图片绝不会被上传。

关于此工具

Base64 是一种二进制到文本的编码,它把每三个字节的二进制数据映射为来自 64 个符号字母表的四个 ASCII 字符,并在末尾用“=”补齐。data URI 用“data:<mime>;base64,”前缀包裹这段载荷,使图像可以内联存在于 HTML、CSS 或 JSON 之中,而无需作为单独的网络请求。编码会使体积膨胀约 33%,因为四个输出字符代表三个输入字节。

用它把小图标、精灵图或 SVG 直接内联到样式表或标记中以减少 HTTP 往返,把徽标嵌入电子邮件和自包含的 HTML 报告,把图像字节粘贴进 JSON API 载荷,或为单文件原型快速放入一个 favicon。反向模式会把 data URI 或原始 Base64 字符串还原为可下载的文件,适用于你需要从 CSS、数据库列或日志中恢复一张图像时。

一切都在你的浏览器中运行——你的图像通过 FileReader 读取,从不上传,因此即使是机密资源也会留在你的设备上。

常见问题

为什么我的 Base64 图像比原始文件更大?

Base64 把三个字节的二进制编码为四个 ASCII 字符,所以编码后的文本比源文件大约 33%。data URI 前缀和任何换行还会再增加一点。

我应该把图像内联为 Base64 data URI,还是链接到文件?

对图标和 SVG 等小而频繁复用的资源采用内联以节省 HTTP 请求,但较大的图像应作为单独文件提供——data URI 无法被独立缓存,会让你的 HTML 或 CSS 变臃肿,而约 33% 的体积开销也超过了所节省的那次请求。

如何把 Base64 字符串还原为图像文件?

切换到 Base64 to Image 模式,粘贴完整的 data:image/... URI 或原始 Base64 字符串;工具会将其解码、预览结果、检测 MIME 类型,并提供一个 Download 按钮,把它保存为真正的文件。