ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
Place the images to be in the sprite in the Fireworks image, organized compactly on a grid.
Trim the canvas and export an image and layer merged sprite png.
Note the width, height, and x-y coordinates of each image.
Find all the places in the code referring to the images and replace them with a reference to the sprite with height, width, and X-Y offsets.
This is REALLY time consuming.
It seems to me that a tool could scan the CSS, find the images, assist in building the actual sprite, and then update the CSS, or assist in some other manner.
I've googled "CSS sprite maker" and found a fairly large number of items.
I would appreciate it if anyone with experience using any of the sprite making tools would comment and suggest the ones they've found to be the most useful.