Sprite Gen

What is it?

Sprite Gen helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

Load the example image, and have a click around. It becomes pretty obvious.

Why using it?

Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually.

However, copying all the positions & sizes from graphics apps wasted a ton of my time, so I made this!

Sorry, it isn't working out between us

It's not you, I just can't get along with your browser. Maybe if things change in the future... maybe if you bring a newish version of Chrome or Firefox to the party... not promising anything, but give me a call.