Base64互转

图片与 Base64 编码互相转换

图片 → Base64

点击选择图片,或拖拽 / 粘贴 (Ctrl+V) 到此处

JPG / PNG / WebP / HEIC / TIFF / AVIF / GIF / BMP

选择文件夹

Base64 / DataURL → 图片

关于「Base64互转」

在线图片与 Base64 互转工具,上传图片即可得到 DataURL 编码,附 HTML img 标签和 CSS background 两种代码片段;也支持把 Base64 字符串解码还原成图片下载。前端开发者的小帮手。

怎么用

  1. 1选图片,右侧立刻给出 DataURL 编码与体积。
  2. 2复制你需要的代码片段:CSS 的 background-image,或 HTML 的 img 标签。
  3. 3反向使用:把 Base64 字符串粘贴进输入框,可解码还原成图片下载。
  4. 4注意体积 —— Base64 会让数据膨胀约 33%,只适合小图标、装饰图内联,大图不要这么干。

常见问题

什么时候用 Base64 图片?

小图标、装饰图内联进 HTML/CSS 可以减少请求次数;大图用 Base64 会让文件膨胀 33%,不建议。

支持哪些格式?

JPG/PNG/WebP/GIF/BMP 都可以,SVG 文本文件建议直接复制内容而不是转 Base64。