| CARVIEW |
Select Language
HTTP/2 200
accept-ranges: bytes
age: 1
cache-control: public,max-age=0,must-revalidate
cache-status: "Netlify Edge"; fwd=miss
content-encoding: gzip
content-type: text/html; charset=UTF-8
date: Fri, 30 Jan 2026 13:13:14 GMT
etag: "1250ce5bff6233e6cb62cb4b0e4fc74b-ssl-df"
server: Netlify
vary: Accept-Encoding
x-nf-request-id: 01KG7GJK4HAA9ZFW69RQJV5C7Z
content-length: 1355
Sprite Cow - Generate CSS for sprite sheets
Sprite Cow
What?
Sprite Cow 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?
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!