Generate CSS Code for Images – Sprite Cow

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. you can load the example image, and have a click around then you can see the corresponding css.


  • It is used to decrease page load times.
  • One of the biggest hassles when setting them up, though, is figuring out the coordinates for the images in your sprite. (The other is rebuilding the sprite when you want to add new graphics)
  • Handy tool that makes finding the coordinates painless.
  • Sprite Cow intelligently draws a box around an image you select in your sprite sheet (after you load the sprite, of course) and writes the CSS for it.

Be the first to comment

Leave a Reply