Gulp图像优化器()没有完全优化
Gulp图像优化器()没有完全优化
提问于 2017-02-28 07:16:52
我正在用gulp编译我的作品，最近我用optimize.How插件来优化图像，它的工作效果还没有完全optimize.On Google PageSpeed Insight显示的图像不是完全optimize.How来完全优化我的图像？请帮帮忙。这是我在我的gulpfile.js上使用的函数，它减少了大约2-5%的图像size.But没有完全优化。
gulp.task('imgs', function () {
gulp
.src(paths.assets.images)
.pipe(imagemin({
progressive: true,
interlaced: true,
pngquant: true
}))
.pipe(flatten())
.pipe(gulp.dest(paths.build + "/img"));
});下面是谷歌PageSpeed的截图，其中显示的图片不是优化的。
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-12-27 18:26:42
使用gulp与imagemin jpegRecompress插件。它带来了更好的结果。文件大小减少70%以上。您只需处理错误处理，因为有时命令会失败。
Stack Overflow用户
发布于 2017-09-19 17:51:09
我刚刚遇到了同样的麻烦，我决定从默认的imagemin-jpegtran转到imageminMozjpeg插件。
首先，您需要安装imagemin-mozjpeg：
npm install --save imagemin-mozjpeg
然后将该行添加到您的gulpfile.js中：
var imageminMozjpeg = require('imagemin-mozjpeg');
稍微修改一下您用管道输入imagemin工具的代码。
.pipe(imagemin(
[imageminMozjpeg()],
{verbose: true} // Enabling this will log info on every image passed to gulp-imagemin
))它还删除图像元数据。其结果是惊人的：吞咽-图像处理日志
Stack Overflow用户
发布于 2017-04-20 16:49:29
这个更好..。
gulp.task('imgs', function () {
gulp
.src(paths.assets.images)
.pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
.pipe(flatten())
.pipe(gulp.dest(paths.build + "/images"));
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42502442
复制相关文章
相似问题
腾讯云开发者
