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.

Spritebox

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.

WebResourcesDepot Feed