将大量小图像作为一个文件提供

时间:2010-11-16 12:37:38

标签: html

简单。当HTML页面包含大量小图像时,完全呈现它需要一些时间,特别是因为需要单独请求每个文件。例如,如果您要显示500个32x32头像图像,则浏览器需要执行500个具有500个标题的请求,从而导致500个响应也带有标题。因此,很多交通 为了减少流量,我认为最好将所有文件作为单个请求/响应发送,并让一些客户端脚本将此文件拆分为单独的图像,以便放置在需要的地方。因此,浏览器执行脚本,脚本请求图像包,服务器返回包,然后脚本将这些图像放在其正确的位置。因此,一个请求/响应而不是500个请求/响应。
是否已经创建了类似的东西?如果是这样,由谁?

2 个答案:

答案 0 :(得分:3)

作为css-sprites的替代品(为了完整性),如果您不需要IE7支持,您可以将图像作为data:// URI嵌入HTML中。你需要对它们进行BASE64编码,但是对于平均30字节的GIF项目,它可能不会那么糟糕。

答案 1 :(得分:2)

它被称为css-sprites,基本上你有一个大图像,所有图像都以网格图案和css规则来获得你想要的图像。

检查

http://spritegen.website-performance.org/

http://csssprites.com/