← 云枢 AI 导航 · 工具库
图片转 Data URI:省掉一次请求
小图标单独发一个请求,往往比图标本身还费时间。转成 data: URI 内联进 CSS,请求就没了。
立即使用 →
English
内联的代价是体积:base64 会比原文件大约 33%,而且内联内容无法被单独缓存。所以这条路只适合小图标(一般 ≤2KB)。
这个工具会直接告诉你原始大小与 Data URI 长度,超过 2KB 时给出提醒——不拦你,但把代价说清楚。
它会检查什么
- 生成标准的 base64 Data URI
- 同时给出 CSS background-image 与 HTML img 两种写法
- 显示原始大小与 Data URI 长度
- 超过 2KB 时提示「内联可能不划算」
- 支持 PNG / JPEG / GIF / SVG
常见问题
- 多大的图标适合内联?
- 一般建议 ≤2KB。超过这个量级,内联会让 CSS 变大、且无法单独缓存,反而更慢。工具会在超过 2KB 时提醒。
- 为什么 Data URI 比原图大?
- base64 编码会把 3 字节数据变成 4 个字符,所以大约膨胀 33%。这是编码的固有开销,不是工具的问题。
- SVG 也适合吗?
- SVG 更适合用 URL 编码而不是 base64(体积通常更小),但本工具统一输出 base64 以保持一致性。
相关工具