什么是图片转 Base64 / Data URI？
图片转 Base64 工具在浏览器内把图片编码为 Data URI，同时给出可直接使用的 HTML 与 CSS 片段，并展示体积膨胀比例。文件在本地读取，不会上传。
怎么用图片转 Base64 / Data URI？
- 1选择图片，建议小于 100 KB。
- 2查看膨胀比例，确认内联是否值得。
- 3复制 Data URI，或直接复制 CSS / HTML 片段。
常见问题
什么情况下值得内联图片？+
两种：一是极小的图标（几 KB 以内），内联能省掉一次请求；二是首屏关键的占位图，内联可避免闪烁。除此之外都应保留为独立文件，让浏览器与 CDN 各自缓存。
为什么体积会变大 33%？+
Base64 用 4 个 ASCII 字符表示 3 字节数据，因此固定膨胀约三分之一。如果内联到 CSS 或 JS 里，这部分体积还会阻塞关键资源的解析，是内联的隐性成本。