3

I'm looking at ways to reduce the quantity of Round Trips to my site for my clients. Right now I have several images that I think should be combined into a single image like this:

http://aspnetajax.componentart.com/common/themes/20101/Office2010Silver/Static.png

and then spit out some CSS like this:

http://aspnetajax.componentart.com/common/themes/20101/Office2010Silver/theme.css

... that way I can reduce the round trips and increase the speed in which my site is used (after the first load). Is there any simple tool that will do this for me? I figure it's 2010 and someone somewhere automated this. I have Visual Studio, and Expression Web and don't see it there

Vadim Kotov
  • 8,084
  • 8
  • 48
  • 62
makerofthings7
  • 60,103
  • 53
  • 215
  • 448

2 Answers2

3

There's this online CSS Sprite Generator which should do what you're looking for. It will generate the image sprite from a zipped collection of single images, as well as the corresponding CSS rules to target and display each component image.

Daniel Vassallo
  • 337,827
  • 72
  • 505
  • 443
2

There's SpriteMe which is the online version of the 2010 tool you're looking for.

Pat
  • 25,237
  • 6
  • 71
  • 68