首页 > 用JavaScript Load Image怎么做到最优压缩图片?

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

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

{
    maxWidth: 800,
    quality:0.1
}

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


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


我这儿有个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"}));
});
【热门文章】
【热门文章】