返回首页

图片转Base64 - MyTools在线工具

🧰 MyTools

图片转 Base64

点击或拖拽图片到此处
支持 PNG/JPG/WEBP/GIF

图片转 Base64 工具:把图片编码成 Base64 字符串(Data URI),内嵌进 HTML/CSS/JS 免去一次请求,本地处理。

适用场景

  • 小图标内联进 CSS(background-image: data URI)减少请求
  • 邮件模板内嵌图片(部分客户端不加载外链图)
  • 把图片塞进 JSON 配置或代码里传输

常见问题

所有图都适合转 Base64 内联吗?

不是。Base64 让体积增大约 1/3 且无法被浏览器缓存、无法懒加载。只适合小图标(几 KB 内);大图老老实实用文件+URL。

编码后的字符串太长,代码里怎么放?

CSS 里直接写 url(data:image/png;base64,....);HTML 用 <img src="data:...">。建议抽成变量或独立资源文件维护,避免硬编码在业务代码里。

相关工具