84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
为何imagemin的压缩量这么小?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
用默认组件和默认参数当然压不下去,imagemin得自己搭配组件和参数啊。。。
贴段自己写的:
gulp.task('imgmin', function() { var jpgmin = imageminJpegRecompress({ accurate: true,//高精度模式 quality: "high",//图像质量:low, medium, high and veryhigh; method: "smallfry",//网格优化:mpe, ssim, ms-ssim and smallfry; min: 70,//最低质量 loops: 0,//循环尝试次数, 默认为6; progressive: false,//基线优化 subsample: "default"//子采样:default, disable; }), pngmin = imageminOptipng({ optimizationLevel: 4 }); gulp.src(srcImage) .pipe(imagemin({ use: [jpgmin, pngmin] })) .pipe(gulp.dest(dstImage)); });
压缩jpeg和png效果还行,其它格式一直摸不到门所以就用默认处理了。
工具类的软件, 目前我用的是Antelope, 文件往里一拖直接点优化就行了.
写几行代码,自己压缩
http://www.atool.org/pngcompression.php 自己做的,支持jpg png,效果绝对牛逼…
我用了这个插件 https://www.npmjs.com/package/gulp-tinypng-compress优点是压缩效果很好,图片质量也有保证,因为用的是https://tinypng.com他的api.缺点是时间特别长,每月有数量限制
我用lwip
fis3已内置,忘了
Pngquant
npm中不是有imagemin模块,我个人喜欢用gulp;可以参考官方提供的demo, 官方demo使用const请修改成var,const是es6语法。
const
var
const gulp = require('gulp'); const imagemin = require('gulp-imagemin'); const pngquant = require('imagemin-pngquant'); gulp.task('default', () => { return gulp.src('src/images/*') .pipe(imagemin({ progressive: true, svgoPlugins: [{removeViewBox: false}], use: [pngquant()] })) .pipe(gulp.dest('dist/images')); });
用默认组件和默认参数当然压不下去,imagemin得自己搭配组件和参数啊。。。
贴段自己写的:
压缩jpeg和png效果还行,其它格式一直摸不到门所以就用默认处理了。
工具类的软件, 目前我用的是Antelope, 文件往里一拖直接点优化就行了.
写几行代码,自己压缩
http://www.atool.org/pngcompression.php 自己做的,支持jpg png,效果绝对牛逼…
我用了这个插件 https://www.npmjs.com/package/gulp-tinypng-compress
优点是压缩效果很好,图片质量也有保证,因为用的是https://tinypng.com他的api.
缺点是时间特别长,每月有数量限制
我用lwip
fis3已内置,忘了
Pngquant
npm中不是有imagemin模块,我个人喜欢用gulp;
可以参考官方提供的demo, 官方demo使用
const
请修改成var
,const
是es6语法。