Skip to content
Zoyku

Base64 图片

图片与 base64 data URL 双向转换——预览、校验、下载,附精确的体积对比,全部在浏览器本地完成。

拖拽文件到此处,或点击选择

该工具完全在你的浏览器中运行,数据不会离开你的设备,不会上传到任何服务器。

使用方法

  1. 1把图片拖进面板(或直接粘贴剪贴板里的图片)进行编码。
  2. 2复制完整的 data URL 或仅 base64 部分,并参考体积对比决定是否内联。
  3. 3切到解码页,粘贴任意图片 data URL,即可预览或下载。

Base64 图片

拖入 PNG、JPEG、GIF、WebP 或 SVG,立即得到可直接粘贴的 data:image/…;base64,… 地址,用于内联 CSS、HTML 或 JSON 载荷。工具会并排显示原文件体积和转换后的文本体积,内联前就能看清 base64 约 33% 的膨胀。

粘贴 data URL 即可反向解码:预览图片、用文件魔数核对声明的 MIME 类型,一键下载还原成文件。base64 非法或类型不是图片时,会给出清晰的错误提示,而不是一张裂图。

常见问题

什么时候值得把图片内联成 data URL?

适合小图标、头像和加载占位图。base64 会让文本比二进制大约 33%,所以几 KB 以内通常省掉一次请求整体是划算的;对照片来说,膨胀几乎总是大于收益。

为什么 base64 版本比原文件大?

base64 把每 3 个字节编码成 4 个文本字符,固定膨胀 33%,再加上 data:image/…;base64, 前缀。内容没有压缩也没有丢失,只是同一份字节的文本安全表示。

解码支持哪些格式?

浏览器能渲染的图片都可以:PNG、JPEG、GIF、WebP、SVG、BMP、AVIF 等。工具会校验 base64 是否合法、声明的 MIME 是否为图片类型,并在文件魔数与声明类型不符时给出提醒。

嵌入这个工具

一行代码把工具放到你的网站——它在访客的浏览器里运行。

<iframe src="https://zoyku.com/zh/tools/base64-image?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — base64-image" loading="lazy"></iframe>
100% 本地处理