javascript - DataURI 而不是图像对于 API 和 Web 服务是否实用？

Question

我正在编写一个 javascript 应用程序，它从基于 PHP 的 API 中以 JSON 格式获取数据。目前，图像 URL 是从 API 接收的，然后用于使用<img>标签显示它们。

使用 dataURI 而不是常规的图像 URL 是否实用且有效？我的应用程序主要用于手机。那么这需要客户端的额外处理能力吗？

score 3 · Accepted Answer

以下是我可能避免使用数据 URI 的四个原因：

1) 数据 URI 有开销（处理和带宽）

2) 不缓存数据 URI

3) 数据 URI 可能会泄漏内存（在基于 Webkit 的浏览器中 - 所以 Chrome/Safari 和“大”智能手机！）

4) 它们可能会慢 6 倍！

另一方面 - 数据 URI 肯定有一席之地。如果图像是相当静态的，则将数据 URI 传递回客户端（然后将该字符串缓存在 localStorage 中）可能是一个优雅的解决方案。

score 1 · Accepted Answer

除非图像非常重要，否则我只会使用 rehular URL。

使用数据 URL 将使原始响应更大，因此向用户显示任何数据需要更长的时间。图像是 base64 编码的，因此在大多数情况下，线路上的总字节数也会更大。

2 回答 2