图片转 Base64
小图标直接转成 Data URI 贴进 CSS，省一次请求；也能反过来，把一串 Base64 还原成图片下载下来。
完全免费 · 无需注册本地处理 · 图片不上传无需安装 · 即开即用
怎么用
图片转代码，代码转图片
- 上传图片，工具会立刻生成对应的 Base64 代码。
- 在「输出形式」里选你要的写法：Data URI 直接贴进 CSS，CSS 背景和 HTML 标签则是打包好的片段。
- 点「复制代码」拿走，或存成 .txt 文件。
- 反向也要用：把一段 Base64 粘进下面的输入框，点「还原为图片并下载」就能拿到图片。
提示：Base64 会让体积增大约 33%（每 3 字节编码成 4 个字符）。所以它适合几 KB 的小图标，不适合照片——照片用 Base64 反而拖慢页面。
小贴士
用在哪里合适
💡
小图标 / logo
省一次 HTTP 请求，首屏更快。一般建议小于 4KB 再用。
✅
邮件模板
很多邮件客户端会拦截外链图片，内联 Base64 反而更稳。
⭐
单文件 HTML
把图片内联进 HTML，做成一个文件就能到处打开。
FAQ
常见问题
Base64 会让文件变大吗？
会，大约增加 33%。所以只建议给小图使用。
为什么生成的代码这么长？
一张 50KB 的图编码后约 68KB 字符。图片越大代码越长，粘贴到编辑器里会明显卡顿。
能还原别人给的 Base64 吗？
可以。把编码串（带不带 data:image/...;base64, 前缀都行）粘进输入框，点还原即可下载。
支持 SVG 吗？
浏览器可以读 SVG 并转成位图后编码。SVG 本身是文本，直接嵌入 HTML 通常更好。