Blob ↔ DataURL 互转

上传图片后同时生成 Blob URL 与 Base64 DataURL,一键复制任意一种,方便在代码中嵌入或调试图片资源。

🔗

拖入图片或点击上传

PNG, JPG, WEBP, BMP

什么是 Blob 与 DataURL?

Blob URL 是以 blob: 开头的临时地址,指向浏览器内存中的文件对象,常用于前端图片预览与上传。

DataURL 把文件编码为 Base64 字符串,可直接嵌入 img、CSS 背景或 JSON 数据中。

如何使用

两步完成互转:

  • 上传一张图片。
  • 复制 Blob URL 或 DataURL 到你的代码中即可。

小贴士

  • 小图标适合用 DataURL 内联,大图建议使用独立文件。
  • Blob URL 可用于 img 标签、视频源或 fetch 下载。
  • 如需生成其他文件的 Base64,可配合 Base64编解码 工具使用。

常见问题

Blob URL 和 DataURL 有什么区别?+
Blob URL(blob: 开头)指向浏览器内存中的对象,适合在页面内使用;DataURL 是 Base64 编码的字符串,可嵌入 HTML/CSS,适合分享与存储。
Blob URL 能长期使用吗?+
不能。Blob URL 只在当前页面会话内有效,刷新或关闭页面后失效。
DataURL 有什么缺点?+
Base64 编码会让体积增大约 33%,且不适合传输大图,但便于直接嵌入代码。
图片会上传到服务器吗?+
不会。转换完全在浏览器本地完成。

相关工具

Blob ↔ DataURL 互转免费的在线Blob URL, DataURL, Base64图片, 图片转Base64, blob dataurl。无需注册。在浏览器中直接使用。