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

标签 css css-sprites sprite-sheet

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

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

现在我的问题是:那个文件太大了吗?我应该继续将它作为 css Sprite ,还是应该像以前那样使用小图像并逐张显示它们? p>

最佳答案

拥有 1 - 1.5 MB 的 sprite 没问题。

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

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

关于Css Sprites - 我的文件太大了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15518998/

相关文章:

html - 从服务器获取图像时缓存问题

java - 多个动画的动画偏移

html - max-width of 100px 和 width of 100px ,为什么 max-width 比 width 短?

javascript - 如何使用Material-UI Grid进行SPA(负边距问题)

javascript - 使用 css 中的变量控制 Sprite 图像坐标

html - CSS Sprite 背景和选择器

c# - 如何将媒体属性添加到 ASP.NET WebResource.axd Http 处理程序的 CSS LINK html 标记

html - 三个 div 无法水平对齐

javascript - 在 HTML5 Canvas 上从图像中绘制字体

android - 对同一对象使用多个 Sprite 表 AndEnginge