Website Performance | CSS Sprite Generator

Your language not listed? Help us provide it.

Source Files Upload Images (ZIP):

Max Upload Size: 1MB

Resize Source Images

Width: %

Height: %

Image Duplicates Ignore duplicate images Remove duplicate images but merge rules

Sprite Output Options

Horizontal Offset: px

Vertical Offset: px

Background / Transparency Colour # (optional): If left blank white will be used for non-transparent images, black for transparent

Use Background Colour for Transparency Use Checksum of Contents in Filename

Sprite Output Format:

CSS Output Options

CSS Prefix (optional): CSS to insert before the class name

Filename Pattern Match (optional): e.g. icon-([0-9]+).png - matches the numeric part of each filename and uses this for the class names in the generated CSS

Class Prefix (optional): cannot start with a number

CSS Suffix (optional): CSS to insert after the class name

An unofficial extension of the CSS Sprite Generator