Abstract
So far, we’ve explored how Grunt can be used to optimize working with HTML, CSS, and JavaScript. Next, we’ll discover how Grunt can be used with another fundamental task of web development: producing visual assets. Since the start of the mobile revolution, the fall of Flash, and the emergence of high-density pixel displays, preparing visual assets for production has become more and more complicated. In this chapter, Grunt will be used to optimize images, producing multiple versions for different devices, and to minify SVG files. As always, using Grunt results in a powerful set of tools that can be used across many projects.
Keywords
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.
This is a preview of subscription content, log in via an institution.
Buying options
Tax calculation will be finalised at checkout
Purchases are for personal use only
Learn about institutional subscriptionsAuthor information
Authors and Affiliations
Rights and permissions
Copyright information
© 2015 James Cryer
About this chapter
Cite this chapter
Cryer, J. (2015). Using Grunt with Images, SVG, and Icons. In: Pro Grunt.js. Apress, Berkeley, CA. https://doi.org/10.1007/978-1-4842-0013-1_5
Download citation
DOI: https://doi.org/10.1007/978-1-4842-0013-1_5
Publisher Name: Apress, Berkeley, CA
Print ISBN: 978-1-4842-0014-8
Online ISBN: 978-1-4842-0013-1
eBook Packages: Professional and Applied ComputingProfessional and Applied Computing (R0)Apress Access Books