Performance 在网页中嵌入图像

Performance 在网页中嵌入图像,performance,http,png,Performance,Http,Png,我有一个网页,必须加载一堆小的PNG图像。图像的数量和需要嵌入的图像是动态的,取决于参数。每个图像约为20KB 有没有在html中嵌入图像以减少http请求数量的选项?您可以通过以下方式实现: 这适用于除IE之外的所有浏览器。要支持IE,您需要使用返回基本64 PNG数据的JavaScript URI。如果您的图像是图标等,您可以尝试使用“sprite”方法来减少HTTP请求的数量。将所有图像放在一个图像中,并使用CSS仅显示主图像所需的部分

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

有没有在html中嵌入图像以减少http请求数量的选项?

您可以通过以下方式实现:


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

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