提供小型静态图像的最佳方式是什么？

Question

现在我使用base64编码并使用数据uri。其想法是，这将以某种方式降低浏览器需要发出的请求数。这个桶能装水吗？在

一般来说，提供图像的最佳方式是什么？DB，来自FS，S3？在

我对基于python和java的答案最感兴趣，但都是受欢迎的！在

Answer 1

Nicholas C. Zakas编写了一个tool，它使css中的数据uri更容易使用，还包含一个与IE6/7兼容的修复程序：

CSSEmbed also supports an MHTML mode to make IE6 and IE7 compatible stylesheets that use internal images similar to data URIs.

Answer 2

Right now I'm base 64 encoding them and using data uris. The idea was that this will somehow lower the number of requests the browser needs to make. Does this bucket hold any water?

这绝对是个坏主意：它won't work in IE < 8；它增加了33%的数据量，并且使图像完全不可缓存。在

我认为你应该把图片作为适当的图像资源来提供——不管是作为单独的文件，还是@Nick建议的CSS精灵，都取决于图片的数量和大小。在

Answer 3

我肯定会看看CSS图像精灵，体面的写文章here和{a2}。在

这个概念很简单，把你的图片组合成一个，只显示你需要的部分作为CSS背景。这使您可以将来自多个图像的HTTP请求数量减少到一个或多个（将您的小图像适当地分组到sprite映射中），并且只需维护较少的图像，CSS只是在其中有一些背景坐标。在

另外，与任何静态资源一样，make sure your cache headers are set correctly，因此客户端不会不必要地获取它。在