Skip to content
This repository

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

README.md

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.

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!

Currently available online for you to use at http://spritecow.com

Changes

2012-06-27

  • Added option for percent-based positioning
  • Added option to scale sprite 50% for retina users

2012-06-06

  • Switching to Sass for CSS
  • New logo, thanks to Stephen Waller
  • Tidied up some design bits and pieces

2011-12-05

  • Fixed issue in Firefox that prevented filename being picked up
  • Added appcache for offline use & faster loading while offline

2011-09-05

  • Making more room for the spritesheet view

2011-08-07

  • Adding Twitter details

2011-08-05

  • Added "Reload image" button
  • If you open the same image twice, it now reloads the image

2011-07-25

  • Bits of CSS & JS that stopped things working in Opera
  • Bits of CSS & JS that stopped things working in IE10 (some remaining layout issues though)

2011-07-20

  • Picks up the file name through drag & drop as well as the 'open' button

2011-07-04

  • Can change CSS path
  • Changing labels from 'Select' to 'Open' when opening files
Something went wrong with that request. Please try again.