2

像 facebook、google plus 这样的网站在一张图片中有完整的图像使用这种方法可以节省多少字节的内存

在此处输入图像描述

在此处输入图像描述

4

4 回答 4

9

您没有节省任何内存。您正在节省带宽,因为您向服务器发出的 HTTP 请求更少。

正如评论部分所指出的那样,@iccthedral您实际上是在节省字节,因为您现在有一个图像 => 已保存字节的总数 = numberOfPictures * sizeof(pngHeader)

于 2012-08-17T12:25:31.320 回答
2

通过这个调用CSS Image Spriting我们可以将我们的 HTTP 请求保存到服务器。如果我们将使用此方法,那么我们的一个 HTTP 请求将转到服务器并通过CSS Image Spriting. 所以现在我们大多数人都在使用这种方法:

阅读更多关于CSS Image Spriting

于 2012-08-17T12:35:55.527 回答
1

这些图像称为CSS 图像精灵。它们用于最小化服务器请求,而不是节省内存。

此外,您可能会考虑使用 SVG 图标,它的重量稍重一些,但如果您需要不同尺寸的相同图标,可以有效地使用它来节省空间。这是一个很好的阅读材料:SVG 的分辨率独立性

于 2012-08-17T12:25:42.067 回答
1

这不是节省多少内存的问题,而是通过将图像放入精灵中来“不做”多少http请求。网站将加载更快

图像上的 kb 量将 +- 保持不变,单独或精灵

于 2012-08-17T12:26:38.247 回答