用JavaScript Load Image怎么做到最优压缩图片？

Question

我说的JavaScript Load Image是这个https://github.com/blueimp/JavaScript-Load-Image，之前segmentfault的网友推荐的，但是我发现原本几十k的图片，经过压缩之后，变成几百k了，我的设置不多

{
    maxWidth: 800,
    quality:0.1
}

似乎quality是无效的，而maxWidth则是即使图片原本小于800，也会放大到800来压缩...请问有没有最优的压缩方法？

Answer 1

我知道原因了，不关JavaScript Load Image的事，人家根本没有压缩的机制。。。是我用canvas.toDataURL的时候，第一个参数填错了，导致canvas.toDataURL默认我要转的png格式，png是没有压缩的，所以经常比原图还要大，现在搞定了...

Answer 2

我这儿有个gulp压缩js的，不知道对你有没有帮助

gulp = require('gulp');
imagemin = require('gulp-imagemin');
notify = require('gulp-notify');

gulp.task('images', function() {
    return gulp.src('src/image/*')
        .pipe(imagemin({
            progressive: true
        }))
        .pipe(gulp.dest('public/image'))
        .pipe(notify({message: "Image task complete"}));
});

Answer 3

可以试试这个库image-conversion，可以指定大小压缩图片，在线测试体验戳这里