View Image

Cyotek Spriter is a free application for creating sprite sheets. Although mainly designed for creating CSS sprites, you can use it to create texture atlases for games, application toolstrips or any other purpose requiring multiple images packed into a single graphic.

Use Spriter to create a single sprite sheet from multiple image sources, generate appropriate CSS classes via an easy to use template system, and apply affects to create custom variants of images without having to create and maintain multiple sets of source images.

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.