图片 Base64 转换实验室
浏览器本地完成图片 ⇄ Base64 字符串双向转换,安全嵌入 HTML/CSS 或离线传输。
单次 10MB 以内,适合嵌入小图标 / 背景图
拖拽文件到此处,或点击按钮选择文件
支持 JPG · PNG · WebP · GIF · SVG · BMP · ICO · TIFF
开启后即可直接复制到 CSS / HTML;关闭后保留纯 Base64 串以便存入数据库。
上传一张图片即可查看编码结果
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转换
- 上传图片,或粘贴 Base64 字符串
- 选择转换方向(图片→Base64 或反向还原)
- 复制结果或预览还原后的图片
常见问题
Base64 图片会比原图大多少?
Base64 按 4 字节编码 3 字节数据,体积约膨胀 33%,且无法被浏览器独立缓存;只建议小图标、接口传参等场景使用,大图请用普通图片文件。
图片会传到服务器吗?
不会。编码与解码都在浏览器内存中完成,图片不离开本机。
生成的字符串可以直接放进 HTML 吗?
可以,结果带 data:image/...;base64 前缀,直接粘到 img src 或 CSS url() 里即可;不带前缀的场景复制纯编码部分。
图片Base64转换收费吗?
图片Base64转换完全免费,打开网页即可使用全部功能,没有任何隐藏收费。
图片Base64转换需要下载安装吗?
不需要下载或安装任何软件。这是一个在线网页工具,在手机、平板和电脑的浏览器中打开即可使用。
使用图片Base64转换需要注册账号吗?
不需要。本工具无需注册、无需登录,打开页面即可直接使用。
图片Base64转换在手机上可以使用吗?
可以。页面采用响应式设计,自动适配手机、平板和桌面屏幕,随时随地打开浏览器即可使用。