Create sprite maps for HTML, games, toolstrips, and more

Images

Each project can contain multiple images which will be combined to a single sprite sheet

Drag files and folders from Windows Explorer to easily add multiple images to your projects

Effects

Effects can be applied to one or more images in your project to transform the image without modifying the original file.

Effects can be added to all images, or a selection. You can also choose to apply them to the original sprites, or to automatically maintained copies; removing the need to create custom versions of graphics.

CSS Output

Each sprite has a customizable CSS class name, which can be further modified by an effect allowing for all sprites in the sprite sheet to have CSS classes generated. Generated CSS can be written a new file, or merged into an existing stylesheet.

HTML Output

As well as the sprite sheet image and related CSS, Spriter can also generate a HTML preview of each class in the sprite sheet.

Templates

CSS and HTML files are created based on templates which can be customized on a per project basis.

Although mainly designed for CSS, the templating system can be used to output any text based document you want. Combined with flexible output options this means Spriter can also be used to create sprite sheets for arcade games, toolstrips for applications or other similar tasks.