图片转 Base64
图片转 Base64 是把图片编码成一串文本、可以直接内嵌进 HTML 和 CSS 的开发者工具，也支持反向把 Base64 或 Data URI 解码还原成图片。编码结果可以一键复制成 Data URI、纯 Base64、CSS background-image 或 HTML img 标签四种形式，省去手动拼前缀。解码这边兼容从代码里直接复制来的内容，带引号、带 url() 包裹、带换行都能解析。全程浏览器本地处理、图片不上传。
方向
拖拽图片到此处，或点击选择
图片不上传 · 浏览器本地处理 · 单张 ≤ 30MB
如何使用图片转 Base64
1
选择方向：图片 → Base64，或 Base64 → 图片。
2
编码时选择或拖入图片，选好输出形式；解码时把 Base64 内容粘进文本框。
3
一键复制结果，或把解码出来的图片下载下来。
常见问题
- 图片转 Base64 有什么用？
- 最常见的是把小图标内嵌进 CSS 或 HTML，省掉一次 HTTP 请求；也用于把图片塞进 JSON、配置文件、邮件模板或数据库字段这类只能存文本的地方。
- Base64 之后文件会变大吗？
- 会。Base64 用 4 个字符表示 3 个字节，体积大约是原图的 4/3，再加上 Data URI 前缀。所以它适合几 KB 的小图标，大图内嵌反而会拖慢首屏。
- Data URI 和纯 Base64 有什么区别？
- Data URI 是 `data:image/png;base64,` 前缀加上 Base64 内容，浏览器能直接当图片地址用；纯 Base64 只有内容本身，适合塞进 JSON 字段或后端接口。本工具两种都能一键输出。
- 怎么把 Base64 转回图片？
- 切到「Base64 → 图片」，把内容粘进文本框点解析即可。工具会按文件头判断真实格式，即使前缀里写错了 MIME 也能正确还原并给出正确的扩展名。
- 从 CSS 里复制的一整段能直接粘吗？
- 可以。带 `url("...")` 包裹、带引号、带换行的内容都会被自动清理掉，不用手工修剪。
- 解码时怎么判断内容是不是真的图片？
- 按文件头判断，不看 `data:` 前缀里写的类型。那个前缀只是一段文本，谁都能写成 image/png，内容却是别的东西。所以哪怕前缀声明是图片，只要字节不符合任何已知图片格式，工具都会直接报错而不是让你下载一个假图片。
- 会上传我的图片吗？
- 不会。编码和解码都在浏览器本地完成，图片和 Base64 内容都不会离开你的电脑。