1

假设在一个 10px 的无序列表项中重复一个 1px 宽度和 20px 高度、大小为 1kb 的图像。那么以kb为单位的页面大小会增加10kb(listitem的宽度*图像的大小)还是只有1kb。?

4

6 回答 6

2

下载的页面大小不会改变(即 HTML 和图像的大小)。

由于是同一张图片,所以会从单次下载中重复使用。

但是,在内存中,由于需要渲染背景,内存会有所增加。无法确定这将导致什么样的内存增加。

于 2012-08-24T11:27:08.720 回答
2

您只向服务器发出一次请求以获得该一张背景图片,所以不,它不会增加页面大小。

您建议的图像是减小页面大小的理想方法。

如果你想走得更远,你可以考虑使用 CSS sprites 来进一步减少页面大小和加载时间。

于 2012-08-24T11:27:41.673 回答
1

不,它不会增加尺寸。它将保持 1kb 大小。

“基本上,图像切片对于分解大图像很有用,这样单个图像的加载速度就会比整个大图像更快。”

于 2012-08-24T11:25:41.127 回答
1

图像只加载到浏览器的缓存中一次。所以加载量只有1kb。这就是为什么 spritesheets 是个好主意。

于 2012-08-24T11:25:54.197 回答
1

不,一点也不,它不会增加加载页面的时间。图像仅加载一次。

于 2012-08-24T11:26:07.213 回答
1

绝对不会
在浏览器下载背景时,与下载的背景图片重复背景,从不下载多次,你可以用firebug检查

于 2012-08-24T11:27:23.797 回答