将服务器图片显示在客户端,http – 将所有图片打包到服务器上的单个存档中,并在客户端解压缩...

我认为你正在寻找的技术通常被称为“CSS Sprites”,并且在这个地方有很多关于它们的好文章(只是询问你最喜欢的搜索引擎).还有其他使用Javascript的方法,但我非常喜欢CSS方法.

有很多好文章：

和许多其他人.

我们的想法是将所有图像组合成一个更大的图像,然后使用CSS来控制在任何特定情况下显示较大图像的哪些部分.

假设您有四个相同大小的图像,1,2,3,4(它们不必相同大小,但是

它使解释更容易

使用您最喜欢的服务器端图像工具包将它们组合成一个更大的图像.像PHP的GD,或ImageMagick,或者如果你正在使用Python的PIL.大多数服务器端套件都有一个可以组合图像的库.

1234

然后创建CSS规则,在客户端上显示较大图像的相关部分：

例如：

div.sprite { height:100px; width:100px; }

#image1 { background: url(bigimg.png) 0 0; }

#image2 { background: url(bigimg.png) -100px 0; width: 100px;}

#image3 { background: url(bigimg.png) -200px 0; width: 100px;}

#image4 { background: url(bigimg.png) -300px 0; width: 100px;}

以及显示它们的HTML：

这是自动化可能并不太难的事情.