← 云枢 AI 导航 · 工具库

图片转 Data URI:省掉一次请求

小图标单独发一个请求,往往比图标本身还费时间。转成 data: URI 内联进 CSS,请求就没了。

立即使用 → English

内联的代价是体积:base64 会比原文件大约 33%,而且内联内容无法被单独缓存。所以这条路只适合小图标(一般 ≤2KB)。

这个工具会直接告诉你原始大小与 Data URI 长度,超过 2KB 时给出提醒——不拦你,但把代价说清楚。

它会检查什么

常见问题

多大的图标适合内联?
一般建议 ≤2KB。超过这个量级,内联会让 CSS 变大、且无法单独缓存,反而更慢。工具会在超过 2KB 时提醒。
为什么 Data URI 比原图大?
base64 编码会把 3 字节数据变成 4 个字符,所以大约膨胀 33%。这是编码的固有开销,不是工具的问题。
SVG 也适合吗?
SVG 更适合用 URL 编码而不是 base64(体积通常更小),但本工具统一输出 base64 以保持一致性。

相关工具