Css Sprites - 我的文件太大了吗？

Posted 2023-03-25

【中文标题】Css Sprites - 我的文件太大了吗？

【英文标题】：Css Sprites - Is my file too big?

【发布时间】：2013-03-09 06:41:38

【问题描述】：

我以前在我的网页上使用过不同的图像，现在我要进行优化。 顺便说一句，这是一个约会网站。

我所做的是将我要使用的所有图像组合成一张大小为 280KB 的图像。

现在我的问题是：那个文件很大吗？我应该继续将它作为 css sprite 还是应该像以前一样使用小图像并逐个显示它们？ p>

【问题讨论】：

280 KB 很大，尝试根据常用页面中图片的使用情况将图片分成2或3个文件。

【参考方案1】：

sprite 大小可以达到 1 - 1.5 MB。

重要的是精灵中有多少图像，或者换句话说，您保存了多少 HTTP 请求。

如果您有 200KB 的 sprite 并且其中只有 2 张图像，那么使用它可能效率低下，但是如果您有 5 MB 的 sprite 并且其中有 100 张图像，那么您可以节省大量的页面加载时间因为只向您的精灵发出了 1 个请求，因此节省了 99 个请求。

【讨论】：

我有 40 张图片要使用。但是只有在用户登录时加载了 7 个，其余的在页面上进行了划分。那用这个spri好不好

好吧，它仍然很好，这些精灵在逻辑上是否相关？例如它们属于图标或幻灯片的类别？如果是，则将未使用的图像留在精灵中。

你可以在这里查看我的精灵并给我你的意见=）postimage.org/image/aoqazuedt

这里的另一个因素是 TCP 慢启动。总而言之，TCP 下载速度开始缓慢，然后文件越大越快。所以更大的精灵表有可能减少请求并且下载速度会更快。仍然有许多因素会影响它...谷歌它以获取更多详细信息。