I am now getting to the point that I want to sprite the images on www.trailbehind.com.
Most of the images are loaded by JavaScript functions, and I have lots of little images such as the map icons.
Is there any software that supports this? I know that you can use Django-sprites if your images are in Django templates. And you can use GWT similarly, if you want to write some Java code.
What's the best way to go about this for a website that is Python/Django with a Javascript front-end? I never show any HTML unless the user has JavaScript turned off.
You can also use Glue. It's an open-source command line tool to generate css sprites.
There is an online sprite generator. This can help the process greatly.
SpriteMe is a great option, it works as a bookmarklet so you can easily run it on any site you have to see the potential gains.
If you are on Mac, you can have tools for this. These tools are ordering sprites in an efficient way and generates the possible minimum sprite sheet. Also they are generating CSS output for you automatically. Thus, you don't need to fight with coordinates or counting pixels. You can use Sprite Master for this.
You can use http://draeton.github.com/stitches/ is an HTML5 online application.(To be opened with a modern browser)
You just have to drag and drop your images and you can generate the sprite image and the css code to use in your style sheet.
If you wanna generate tighter sprites output, try ZeroSprites.
ZeroSprites uses VLSI floorplanning algorithm.
来源：https://stackoverflow.com/questions/933165/best-way-to-sprite-images