The Sprite Generator will combine certain background images into a sprite and replace the url to the background images with the url to the sprite and respective background positions in the combined CSS.
You can determine if it’s working by checking to see if any sprite images are created. They will be saved in the ../plugins/jch-optimize/media/sprites/ folder. Also you can check the combined CSS for any links to the sprites. They sprite name will start with ‘csg-‘.
In order for background images to be included in the sprite they have to:
1) Have the background-repeat property set to ‘no-repeat’
2) Have the background-position property set to ‘0 0’ or ‘left top’ or any combination of those values, or have no background-position set since the default is ‘0 0’.
3) Have dimensions less than 50px X 50px.
In the Sprite Generator Options in the plugin settings, You should see a drop down list of all the images the plugin have found by default to add to the plugin in the ‘Exclude images’ setting. This should give a good indication of whether any sprite will be generated.
