Spritebox – Online CSS Sprites Generator

Spritebox is a free-to-use web application which offers a WYSIWYG tool for creating CSS classes from a single sprite image.

Image to be used can be fetched from a URL, uploaded directly or via drag 'n' drops from the computer.


After that, it is possible to mark any parts of the image, define a class/id name and CSS rules containing the background-position will be created automatically.

Besides mouse, the application can be controlled via keyboard shortcuts and main image can be zoomed for pixel-perfect selections.

  1. Reply Jérôme January 5, 2011 at 3:46 AM

    Ultra useful, thanks !

  2. Reply Bartłomiej Kuleszewicz January 5, 2011 at 8:02 AM

    Hehe yesterday I was searching something similar and I found this http://westhoffswelt.de/blog/0047_automatically_generate_sprites_with_the_web_sprite_generator.html 🙂

  3. Reply Luke January 25, 2011 at 6:42 PM

    Very nice application. Thanks I will have to check this out a litte bit more to state if it is as good as it sounds


  4. Reply Pablinho April 12, 2011 at 8:02 AM

    Exactly what i was looking for, an automated sprite processor.

    Thanks for sharing.

Leave a reply