图片转 Base64 是什么
把体积很小的图标、logo 直接以 Base64 形式写进 HTML 或 CSS，可以省掉一次额外请求，对首屏渲染速度有实际帮助。但 Base64 会让体积膨胀约三分之一，只适合几 KB 的小图，大图内联反而拖慢页面。本工具自动生成可直接使用的 Data URI 代码片段，并提供体积对比供你判断是否值得内联。
使用方法
- 选择一张小图片（建议 10KB 以内）。
- 工具立即生成 Data URI 完整代码。
- 点「复制 CSS」或「复制 HTML」直接粘贴使用。
常见问题
多大的图片适合内联？
业界经验是 10KB 以内，超过后 Base64 膨胀的代价大于省下的请求开销，反而拖慢首屏。
为什么截图里代码那么长？
Base64 大约比原文件长三分之一，且无法被 gzip 进一步压缩，这是它的固有代价。
支持 SVG 吗？
支持。SVG 是文本格式，内联后往往比 Base64 更省，也可以直接用 URL 编码方式内联。