grunt-1-img

grunt-img with upgraded dependencies for grunt 1.x and npm 3.x

grunt-img

Grunt task to optimize PNG and JPG images with optipng & jpegtran (jpegtran-turbo on win32).

Getting Started

First, be sure that you have optipng 0.7(or earlier) and jpegtran installed in your system.

for Mac users

You can install with homebrew

1brew install optipng jpeg

for Linux users

Debian, Ubuntu and Mint

1apt-get install optipng libjpeg libjpeg-progs

Both libraries are easy to find for RPM distributions too.

for Windows users

Don't worry because both libraries are included.

Setup task grunt-img with grunt.js

Install this task next to your project's grunt.js gruntfile with:

1npm install grunt-img

Then add the line bellow to your project's grunt.js gruntfile:

1grunt.loadNpmTasks('grunt-img');

Questions? Take a look at this stream

How to config

Grunt provide a simple way to config its tasks, grunt-img follow the same principle:

1grunt.initConfig({
2    img: {
3
4        // using only dirs with output path
5        task1: {
6            src: 'public/src',
7            dest: 'public/img'
8        },
9
10        // recursive extension filter with output path
11        task2: {
12            src: ['public/src/**/*.png'],
13            dest: 'public/img'
14        },
15
16        // file by file with output path
17        task3: {
18            src: ['public/src/logo.png','public/src/social.jpg'],
19            dest: 'public/img'
20        },
21
22        // single path to optimize and replace all images
23        task4: {
24            src: 'public/img'
25        },
26
27        // file by file to optimize and replace
28        task5: {
29            src: ['public/img/concert.jpg, public/img/halestorm.png']
30        },
31
32        // filter extension to optimize and replace
33        task6: {
34            src: ['public/img/*.png']
35        }
36    }
37});

License

MIT License

Credits

• HTML5 Boilerplate node-build-script