虽然说现在透过CSS3，可绘制出各式各样的图案，但还是免不了有些东西还是得透过图片才能呈现出来，而为了有经验的网页设计师，都知道图片能小尽量小，且将图片制作成四方连续的方式来作延展，所以当每次将网页的版型制作完成时，在images的资料夹中，就会有许多的图档，虽然说这些档案都不大，因此当使用者向伺服请求档案时，当读取完毕就释放了，但各位若平常有在拷贝档案时，是否会发现到，当把一堆档案压成一个压缩档时，在传输上快许多，因此相同的道理，若将多张切好的图片拼成一张虽然档变大，但这样只需对主机请求一次，相对的速度会快许多，而光想到要将已切好的小图，再一一的用PS将档案组成一大张时，是否会感到相当的麻烦，最近梅干发现一个好用的平台，可将多张图片自动合并成一大张外，还会将每张图片的位置，产生出CSS码，让使用者可快速套用，因此身为网页设计的你，也赶快来看看啰!
首先，将要合并的图档，全选并压缩起来。
接着进到“CSS图片合并产生器”的网站后，先点上方的语系，再点下方的选择档案钮。
接着再设定每个图片的间距，以及合并后要输出的档案格式，和CSS输出的前缀词，当都设定后，再按下的合并钮。
这时就会将合并好的图片位置，产生出一连串的CSS码，方便之后使用就不用位置算半天啦!另外别忘了也将合并好的图片档给下载回来喔!
当下载回来的图档，可看到全部的图片已合并在一起了，且还是全透明的，是不是超方便的呀!