图片转 Base64 在线工具

图片拖进来（或 Ctrl+V 粘贴截图），Base64 拿走。勾上「带上 data: 前缀」，可以直接塞进 CSS 和 <img>。提醒一句：体积会膨胀约 33%，大图直接内嵌是下策。

b64file — converter · local

文件不出浏览器——没有上传接口，想传也没地方传

[01]

在 HTML 中使用

<img src="data:image/png;base64,iVBORw0KGgo..." alt="示例" />

[02]

.hero {
  background-image: url(data:image/png;base64,iVBORw0KGgo...);
}

[03]

Base64 会让体积膨胀约 33%，小图标、装饰图内嵌问题不大，大图还是老老实实走独立文件、吃浏览器缓存比较划算。顺带一提，内嵌进页面的图片没法单独缓存，每次加载都得重新传一遍。

转出来的代码太长怎么办？

结果太大就不硬塞进页面了，直接给你复制按钮和 .txt 下载，省得页面卡成 PPT。

转出来的能直接放 CSS 吗？

能，勾上「带上 data: 前缀」，直接丢进 url() 或者 src 属性就行。

有体积限制吗？

上限 100 MB，超过 20 MB 会先跟你打个招呼确认一下。