I know there are plenty of online tools which let's you upload your images there and it generates the appropriate CSS/sprite(s) to be used with them on your page.

Is there any such website/tool which would take a website URL and parse from its DOM the images/css and calculate the sprites/css to be used specifically with that DOM, so you could just copy & replace your own CSS with the one provided by the tool?

I know the complexity of such calculations, but it certainly sounds like something that can be done, so my question is, is there something ready and available already?

  • I'd be surprised if there is. I'd be doubly surprised if it were free like the current sprite generators are.
    – John Conde
    Commented Jun 18, 2011 at 20:31
  • @John Conde For static pages (without JS), it certainly doesn't sound like an impossibility. Even for dynamic elements, with a little user input, I'm sure you could create sprites for them. Just don't want to waste my time if there is something ready and usable already.
    – Niklas
    Commented Jun 18, 2011 at 20:37

1 Answer 1


SpriteMe is probably closest to what you're describing.

You might also want to look at SmartSprites, which takes a different approach, more along the lines of CSS preprocessors like Sass, so it's actually integrated into your development rather than being done after the fact.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.