nowfound

Life & fun · June 21, 2011

AL

A little tool to generate CSS for bits of a spritesheet

Interested to hear bugs reports & feature ideas!

A little tool to generate CSS for bits of a spritesheet launched on June 21, 2011 with 6 votes, #61 of 181 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 15 years on.

Visit spritecow.com ↗Alternatives

What it does

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. 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! It's not you, I just can't get along with your browser. Maybe if things change in the future... maybe if you bring Chrome , Firefox , Opera or even IE10 to the party... not promising anything, but give me afrom spritecow.com

Does a similar job

all alternatives →
  • A Single Div2016 · a.singlediv.com · ▲177

    A CSS drawing project

  • EnjoyCSS2014 · enjoycss.com · ▲138

    CSS generator for rich graphical styles without coding

  • CSS Triggers2014 · csstriggers.com · ▲80

    A game of layout, paint and composite

  • Aseprite2017 · aseprite.org · ▲116

    Animated sprite editor and pixel art tool

  • Sprites2014 · spritesapp.com · ▲105

    Infographic creation tool

  • SpritePad2014 · ▲68

    The easiest way to create your CSS sprites

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, June 2011

the whole month →