Website Performance | CSS Sprite Generator

Source Files Upload Images (ZIP):

Max Upload Size: 1MB

Image Duplicates Ignore duplicate images Remove duplicate images but merge CSS rules

Resize Source Images

Width: %

Height: %

Sprite Output Options

Horizontal Offset: px

Vertical Offset: px

Wrap columns to fix Opera bug:

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

Use Background Colour for Transparency:

Output Format:

Number of Colours:

Image Quality: %

Compress Image with OptiPNG:

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