Html 以.png/.jpg格式或数据URI方案加载图像的最佳方式是什么？

以数据URI格式加载图像是否会加快页面中的加载速度？ 例如：

background:url（“data:image/jpg；base64，/someImageData”）

还是以公共.jpg或.png格式加载更快？

---

例如：

background:url（“wallpaper.jpg”）

渲染图像所需的时间相同，但加载所需的时间可能不同。Base64编码图像比通过url（）链接图像更容易：

非常粗略地说，Base64编码的二进制数据的最终大小等于原始数据大小的1.37倍

---

但是，虽然图像更大，需要下载更多字节，但您可以通过url（）方法节省服务器回话获取图像的时间。没有办法确定哪个加载速度更快-这取决于用户的连接。请参阅关于何时使用base64编码图像是一个好主意的说明。

数据uri的大小大约大37%，但还有更重要的内容：

所以要小心。IE<9具有显著的数据总量限制