CHAPTER 5

image

Using Grunt with Images, SVG, and Icons

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 ...

Get Pro Grunt.js now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.