Join Ray Villalobos for an in-depth discussion in this video Compressing images, part of Web Project Workflows with Gulp.js, Git, and Browserify.
…We minify just about everything we can.…Something else you might try is handling image compression.…This is totally optional since compressing images is…sort of tricky, and automation of image compression…can be controversial since you may want more…fine grain control over how this is done.…However, there is a plugin that we can…use that's pretty flexible and it's called gulp-imagemin.…So, it does have a lit of options, but one thing that you have to remember with this…plugin is that you're actually going to need another plugin…called imagemin-pngcrush to crush all the different types of images.…
You can see here it says, it's minifys PNG, JPG, GIF and SVG…images as long as you also add this imagemin-pngcrush.…Right, so, one note to PC users.…As of the date of this recording, there is an issue with the way that…Windows handles extra long file names, which…unfortunately happens when installing the image compression plugin.…So, you may want to consider not running the plugin in this last video…because you may end up with some folders that will be tough to delete.…
- Why workflow management?
- Processing tasks with gulp-coffee
- Importing libraries with Browserify
- Processing Sass and Compass
- Issuing tasks in sequence
- Watching changes to files
- Adding static reloads
- Setting up environment variables
- Minifying HTML
- Compressing images