图片转 Base64

把图片转成 Base64 / Data URL / CSS / HTML 引用形式，本地处理不上传，带预览。

这个工具能做什么

选择一张图片（PNG、JPG、SVG、WebP、GIF，5MB 以内），立刻得到四种可直接使用的形式：Data URL（可直接粘进浏览器地址栏或 Markdown）、纯 Base64 串、CSS background-image 声明、HTML img 标签。输出面板同时显示图片预览，方便确认转换的是对的文件。整个转换在浏览器本地完成——这就是本工具和那些“在线转换”网站的本质区别：你的图片根本不会离开你的设备。

典型使用场景

把小图标、loading 图内联进 CSS 或 HTML，减少一次 HTTP 请求，首屏更快；写邮件模板时嵌入图片（多数邮件客户端不支持外链图以外的形式）；在 Markdown 或 JSON 配置里嵌入小图；前端联调时用 Data URL 代替还没部署的静态资源。

注意事项

Base64 会让体积膨胀约 33%，而且内联图片无法被浏览器单独缓存——只建议内联小图（经验值：10KB 以内，图标级）。大图内联会让 HTML 变得巨大，首屏反而更慢。SVG 可以直接内联代码而不必转 Base64，体积更小还可被 CSS 控制。转换不会压缩或改变图片本身，要缩小体积请先用图片压缩工具。