84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
为何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语法。