优化图像精灵大小与http请求

时间:2012-10-15 07:55:37

标签: httpwebrequest sprite css-sprites

我正在创建一个网站,设计中有很多背景图片,因此我使用图像精灵来优化页面加载时间。

事情是我有3个精灵图像,其中2个每个200 KB,尺寸不超过900x700像素。

我的问题是优化网页速度。什么会产生最好的结果?使用两个200 KB精灵会不会更好,或者如果我将它们分成4个精灵图像,每个精灵100 KB,它会更好。

据我读过很多文章,大多数开发人员和专家都说最小化http请求,因为这些天互联网速度足够快,所以下载不需要花费太多时间。我在某种程度上同意,但我无法在更多图像尺寸的2个http请求或更大的图像尺寸的http请求之间进行思考。

1 个答案:

答案 0 :(得分:1)

这对我来说似乎是微优化,但无论如何最好的方法是将图像嵌入到html页面中,所以你只需要使用页面的单个http请求。

您可以使用新的data:协议嵌入图片,并将图片包含为 base64 编码的字符串,有关详细信息,请查看此tutorial

另请参阅browser support了解此功能。