做前端的、做接口的应该都遇到过:有时候不想单独发一张图片文件,想直接把图片“塞”进代码里。这时候就轮到 Base64 上场了。
简单说,Base64 就是把图片变成一串很长的字符,可以直接写进 HTML、CSS 或接口里。好处是小图标、小 logo 内嵌后不用多发一个文件,坏处是体积会膨胀约 33%,所以适合小图。
这个图片 Base64 工具,上传图片秒转成 DataURL(就是那种 data:image/png;base64,xxxx 格式),直接复制就能用;反过来,把 Base64 粘贴进去也能还原成图片。双向都支持。
实用场景:CSS 里内嵌小图标、HTML 里内嵌 loading 图、接口传输小尺寸图片。控制在小几 KB 的图内嵌最划算。
图片转换全程在浏览器本地完成,不会上传服务器,安全放心。
Free Tools Box - Image to Base64 in your browser to use this tool directly — no download or install needed.">💡 小贴士:打开 免费工具箱 - 图片 Base64,在浏览器里直接使用这个工具,无需下载安装。