图片转 Base64
选一张图，立即得到 Data URL、HTML 标签和 CSS 代码三种形态。
为什么要把图片内嵌成 Base64
Base64 编码把图片变成一串文本，可以直接写进 HTML 和 CSS，不再需要单独的图片文件。小图标、装饰性图形内嵌后省掉一次网络请求，页面渲染更干净；生成的单文件 HTML 演示、邮件模板也离不开它。
工具同时给出三种形态：纯 Data URL、可直接粘贴的 <img> 标签、以及 CSS 的 background-image 写法，复制即用。
使用步骤
1. 点击「选择图片」，选中要编码的文件（建议 100 KB 以内的小图）。
2. 按需复制 Data URL、HTML 标签或 CSS 代码。
3. 粘贴到你的代码里，完成。
内嵌还是外链
内嵌的代价是体积：Base64 会让数据比原图大约 33%，而且写在 CSS/HTML 里无法被浏览器单独缓存——每次改样式都要重新下载整段文本。经验法则：几 KB 的小图标、首屏关键图形适合内嵌；几十 KB 以上的照片类图片一律外链，让缓存和压缩工具发挥威力。
常见问题
多大的图适合转 Base64？
几 KB 到几十 KB 的小图标最合适；超过 100 KB 建议先用图片压缩处理，或干脆外链。
有大小限制吗？
本工具限制 5 MB 以内——更大的图编码后异常臃肿，几乎总有更好的方案。
图片会被上传吗？
不会。编码在你的浏览器里完成，Base64 结果也不经过任何服务器。
隐私说明
编码完全本地进行：图片只在浏览器内存中读取和转换，结果只属于你。内部项目的图标、未发布的设计素材都可以放心编码。