图片 ↔ Base64
小图标直接内联进 HTML / CSS，省一次请求。也能把别人给的 Base64 串还原成图片。转换全在本地完成。
🔗
点击选择，或把图片拖进来
建议 100KB 以内的小图，太大的话字符串会很长 · 也可 Ctrl+V 粘贴
Data URI（可直接放进 src / url）
纯 Base64（不含 data: 前缀）
HTML <img>
CSS background-image
Markdown
使用说明与常见问题
怎么用
- 编码：上传图片，自动生成 data URI 字符串。
- 点复制，粘进 HTML 的 src 或 CSS 的 background-image。
- 解码：把 Base64 文本粘进输入框，转回图片下载。
- 超过 100 KB 的图不建议内联，会拖慢首屏。
常见问题
什么时候该用 Base64？
只有 10 KB 以内的小图标、loading 图值得内联，能省一次请求。大图内联反而拖慢首屏。
Base64 会让体积变大吗？
会，大约增加 33%。但 HTML / CSS 有 gzip，实际传输增量比想象中小。
复制的是完整内容吗？
是。页面上为了不卡顿会截断显示，但复制按钮给的是完整字符串。
能解码任意 Base64 吗？
只能解码图片类型的 data URI，其他内容会提示格式不支持。