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.

  • http://sayyes.fr Jérôme

    Ultra useful, thanks !

  • http://wesola360.pl Bartłomiej Kuleszewicz

    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 :)

  • http://magneticenergysite.com Luke

    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


  • http://coljung.com Pablinho

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

    Thanks for sharing.