Open for discussion:
- Should we push the resulting assets or regenerate the spritesheets during the release process. I prefer the latter.
Both tools feature retina-ready sprites and are highly configurable.
- Glue adds a bunch of new dependencies (python, ImageMagic, glue), but is pretty fast and the output quality is good.
- The resulting file size and quality from Sprity isn't that good, but it's node only and
- Glue uses images with a specific naming convention (firstname.lastname@example.org) for retina sprites, while sprity tries to scale images based on dimension settings.
- Integrate and document sprity or glue
- Create a better less/css output template, if necessary
Just a simple npm install:
Please follow these installation instructions:
Use the following gulp task to generate the icon spritesheet:
Use the following command to generate the icon spritesheets:
It's highly recommended to optimize the output using pngquant: