图片 Base64 转换是什么
Base64 把二进制数据编码成 64 个可打印字符，让图片能以纯文本形式塞进 HTML、CSS、JSON 里。代价是体积膨胀约三分之一。
这个工具能做什么
- 图片 → Base64，可选是否带 data URL 前缀
- Base64 → 图片，可预览并下载
- 支持 PNG / JPEG / WebP 三种编码
- 实时显示编码后的字符数与折算体积
怎么使用（输入说明）
- 切到「图片 → Base64」，选择图片
- 选编码格式，点开始转换
- 复制结果；反向使用就切到另一个标签页粘贴 Base64
使用时的几个注意点
- 小图标内联能省请求，大图别内联
- 复制完整内容请用复制按钮，文本框里长内容会截断显示
- 粘贴的 Base64 里不要有换行和空格，工具会自动清理
实例
一张 12 KB 的 PNG 图标，编码后约 16 KB 字符，内联进 CSS 可以省掉一次请求。
常见问题 FAQ
Q：带不带 data:image 前缀有什么区别？
A：带前缀的字符串可以直接塞进 img 标签的 src 或 CSS 的 url()，浏览器认得出来；不带前缀的只是纯编码数据，需要自己拼前缀，通常用在后端存储或接口传输。
Q：Base64 会让文件变大多少？
A：大约增加三分之一。因为每 3 个字节的二进制数据要用 4 个可打印字符表示，所以 100 KB 的图片编码后约 133 KB 字符。
Q：多大的图片适合转 Base64？
A：几十 KB 以内的小图标、小 logo 适合内联，能省一次 HTTP 请求。超过几十 KB 就不建议了，会拖慢首屏且无法走浏览器缓存。