Skip to main content

Using Grunt with Images, SVG, and Icons

  • Chapter
Pro Grunt.js

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.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 29.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 39.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Author information

Authors and Affiliations

Authors

Rights and permissions

Reprints 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

Publish with us

Policies and ethics