Base64互转
图片与 Base64 编码互相转换
图片 → Base64
点击选择图片,或拖拽 / 粘贴 (Ctrl+V) 到此处
JPG / PNG / WebP / HEIC / TIFF / AVIF / GIF / BMP
选择文件夹Base64 / DataURL → 图片
关于「Base64互转」
在线图片与 Base64 互转工具,上传图片即可得到 DataURL 编码,附 HTML img 标签和 CSS background 两种代码片段;也支持把 Base64 字符串解码还原成图片下载。前端开发者的小帮手。
怎么用
- 1选图片,右侧立刻给出 DataURL 编码与体积。
- 2复制你需要的代码片段:CSS 的 background-image,或 HTML 的 img 标签。
- 3反向使用:把 Base64 字符串粘贴进输入框,可解码还原成图片下载。
- 4注意体积 —— Base64 会让数据膨胀约 33%,只适合小图标、装饰图内联,大图不要这么干。
常见问题
什么时候用 Base64 图片?
小图标、装饰图内联进 HTML/CSS 可以减少请求次数;大图用 Base64 会让文件膨胀 33%,不建议。
支持哪些格式?
JPG/PNG/WebP/GIF/BMP 都可以,SVG 文本文件建议直接复制内容而不是转 Base64。
