数据仅在本地内存中处理
支持 JPG/PNG/WebP/SVG/GIF 等格式
含图片→Base64、Base64→图片两种模式

图片 Base64 转换实验室

浏览器本地完成图片 ⇄ Base64 字符串双向转换,安全嵌入 HTML/CSS 或离线传输。

拖放图片或点击上传

单次 10MB 以内,适合嵌入小图标 / 背景图

Base64 输出

开启后即可直接复制到 CSS / HTML;关闭后保留纯 Base64 串以便存入数据库。

上传一张图片即可查看编码结果

CSS 内联用法
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...");

HTML 内联用法

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="inline image" />
使用提示

所有计算都在浏览器内完成,不会上传服务器,适合处理敏感素材。

Base64 串通常比原图大 30% 左右,不适合需要频繁缓存的大图。

勾选 data:image 前缀可以直接粘贴到 CSS 背景或 img 标签中。

建议仅处理 1MB 以内的小图,过大的 Base64 会拖慢复制与渲染。

什么是图片Base64转换

图片与 Base64 互转实验室:上传图片得到 DataURL/Base64 字符串,或粘贴 Base64 还原预览图片。数据只在本地内存中处理,适合调试嵌入图与接口传图。

如何使用图片Base64转换

  1. 上传图片,或粘贴 Base64 字符串
  2. 选择转换方向(图片→Base64 或反向还原)
  3. 复制结果或预览还原后的图片

常见问题

Base64 图片会比原图大多少?

Base64 按 4 字节编码 3 字节数据,体积约膨胀 33%,且无法被浏览器独立缓存;只建议小图标、接口传参等场景使用,大图请用普通图片文件。

图片会传到服务器吗?

不会。编码与解码都在浏览器内存中完成,图片不离开本机。

生成的字符串可以直接放进 HTML 吗?

可以,结果带 data:image/...;base64 前缀,直接粘到 img src 或 CSS url() 里即可;不带前缀的场景复制纯编码部分。

图片Base64转换收费吗?

图片Base64转换完全免费,打开网页即可使用全部功能,没有任何隐藏收费。

图片Base64转换需要下载安装吗?

不需要下载或安装任何软件。这是一个在线网页工具,在手机、平板和电脑的浏览器中打开即可使用。

使用图片Base64转换需要注册账号吗?

不需要。本工具无需注册、无需登录,打开页面即可直接使用。

图片Base64转换在手机上可以使用吗?

可以。页面采用响应式设计,自动适配手机、平板和桌面屏幕,随时随地打开浏览器即可使用。