图片转 Base64 在线工具
拖入图片生成 data URI，直接嵌进 CSS 或 HTML，省一次请求。
🖼️ 图片转 Base64
📁
点击选择图片，或拖拽到此处
支持 PNG / JPG / GIF / SVG / WebP，单张不超过 2MB
📌 什么时候用 Base64 图片
| 场景 | 是否推荐 | 原因 |
|---|---|---|
| 小图标、loading 图 | 推荐 | 省一次 HTTP 请求，配合 CSS 直接渲染 |
| 背景纹理、渐变图 | 推荐 | 体积小、复用多，减少请求数 |
| 首屏大图 | 不推荐 | Base64 体积膨胀约 33%，且阻塞 HTML 解析 |
| 需要被缓存的图片 | 不推荐 | 嵌在 CSS 或 HTML 里无法独立缓存 |
经验值：小于 4KB 的图标适合内联，超过 10KB 的图片建议独立文件 + 缓存策略。膨胀的 33% 主要来自 Base64 用 4 个字符表示 3 个字节。