在网页中嵌入图像

时间:2011-03-21 11:05:12

标签: performance http png

我有一个网页,必须加载一堆小PNG图像。 iamges的数量和需要嵌入的图像是动态的,取决于参数。每幅图像约为20 kb。

是否可以选择在html中嵌入图像以减少http请求的数量?

2 个答案:

答案 0 :(得分:0)

您可以通过以下方式执行此操作:http://en.wikipedia.org/wiki/Data_URI_scheme

这适用于除IE以外的所有浏览器。要支持IE,您需要使用返回基本64 PNG数据的JavaScript URI。

答案 1 :(得分:0)

如果您的图像是图标等,您可以尝试使用“精灵”方法来减少HTTP请求的数量。将所有图像放在单个图像中,并使用CSS仅显示主图像所需的部分