css - 何时考虑 base64(数据 : URI) images?

Question

应该考虑将图像转换为嵌入在 CSS 中的 Base64 的考虑因素是什么？

似乎有很多通用的赞成/反对类型的东西。维基百科似乎有一个不错的概述:http://en.wikipedia.org/wiki/Data_URI_scheme#Advantages

根据我的阅读，似乎使 base64 成为一个简单决定的一个因素是，如果您的站点必须访问大量单独的小图像并且拥有一个大文件比访问服务器 50 次更有效对于每个单独的图像。

但是...似乎对于 sprite 以及我很少需要在一个页面上放置 50 个单独的图像这一事实，Base64 并不能为一般网站提供很多。

是否有我应该寻找的关键因素(有利/不利)？

(这可能更好地作为社区 wiki 条目而不是问题)

更新:

也许用更简洁的方式来表达问题:

给定这两个选项:

1) 所有图片转成base64并嵌入到外部css文件中

2) 将图像收集到少数 Sprite 图像中，在外部 css 文件中引用

是否存在明显的情况，其中一个比另一个更好，或者它真的只是个案，两者都做并测试类型的事情？

Answer 1

Are there are key factors I should be looking for (both pro/con)?

最大的缺点是缺少对 IE6/7 的支持，以及对 IE8 的不完整支持(data: URIs must not be greater than 32 KB)

在这种情况下，使用 CSS Sprite 是一种非常优越的技术。