Just getting started with Grunt here.
Recently, I've been experimenting with grunt-contrib-imagemin.
When it comes to compressing PNG files, it does an impressive job. It typically reduces the size by around 80%.
However, I'm finding that the JPEG compression is not as effective. It only shaves off a few KB from a 3mb picture.
Any tips on improving jpeg compression with Grunt?
Gruntfile.js
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
build: {
src: 'src/*.js',
dest: 'build/main.min.js'
}
},
imagemin: {
png: {
options: {
optimizationLevel: 7
},
files: [
{
expand: true,
cwd: 'src/img/png/', // cwd is 'current working directory'
src: ['**/*.png'],
dest: 'build/img/png', // Could also match cwd.
ext: '.png'
}
]
},
jpg: {
options: {
progressive: true
},
files: [
{
expand: true, // Tell Grunt where to find our images and where to export them to.
cwd: 'src/img/', // cwd is 'current working directory'
src: ['**/*.jpg'],
dest: 'build/img', // Could also match cwd.
ext: '.jpg'
}
]
}
}
});
// Load the plugins
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-imagemin');
// Default tasks
grunt.registerTask('default', ['uglify', 'imagemin']);
};
CLI
C:\Users\bmildren\Desktop\Sites\grunt-test>grunt
Running "uglify:build" (uglify) task
>> 1 file created.
Running "imagemin:png" (imagemin) task
? src/img/png/e4454c8df9.png (saved 1.37 MB)
Minified 1 image (saved 1.37 MB)
Running "imagemin:jpg" (imagemin) task
? src/img/5f468e98.jpg (saved 3.24 kB)
? src/img/photo-1414604582943-2fd913b3cb17.jpg (saved 3.24 kB)
? src/img/photo-1416424500327-a57ace7358b8.jpg (saved 3.24 kB)
? src/img/photo-1416838375725-e834a83f62b7.jpg (saved 3.24 kB)
? src/img/photo-1419332563740-42322047ff09.jpg (saved 3.24 kB)
Minified 5 images (saved 16.20 kB)
Done, without errors.
C:\Users\bmildren\Desktop\Sites\grunt-test>