如何用Gulp创建无损渐进的JPG/JPEG图像
如何用Gulp创建无损渐进的JPG/JPEG图像
提问于 2015-12-07 19:07:04
我正在尝试优化的图像使用吞咽和偶然发现以下插件，可以帮助我在这方面。
但是，当我试图优化jpeg并使它们通过它前进时，输出图像的质量(颜色、清晰度)并不等于原图的质量。我已经尝试了最大，最小的质量(100)在2号插件，但质量仍然下降。我不知道哪里出了问题。
// This degrades the quality of Image
var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
var imageminJpegRecompress = require('imagemin-jpeg-recompress');
gulp.task('optimize', function () {
return gulp.src('src/images/*')
.pipe(imagemin({
use:[imageminJpegRecompress({
progressive: true,
min: 100,
max: 100,
quality:'veryhigh'
})]
}))
});
// This degrades the quality of Image
var imagemin = require('gulp-imagemin');
gulp.task('image1', function () {
return gulp.src('Content/img/**/*.jpg')
.pipe(imagemin({
progressive: true
}))
.pipe(gulp.dest('dist'));
});如果有人知道任何其他插件，以优化和创造进步的图像，而不降低质量？任何帮助都将不胜感激。
提前谢谢！！
回答 1
Stack Overflow用户
发布于 2015-12-08 13:30:05
我建议使用gulp-gm，它使用更健壮的图形库(GraphicsMagick或ImageMagick)，并保留颜色配置文件。下面的脚本将使用 documentation中指定的"Line“值创建渐进式图像
const gulp = require('gulp');
const gm = require('gulp-gm');
gulp.task('images', function() {
return gulp.src('src/images/**/*')
.pipe(gm(function (gmfile) {
return gmfile.interlace('Line')
}))
.pipe(gulp.dest('dist/images'))
})
gulp.task('default', ['images'])请注意在https://www.npmjs.com/package/gulp-gm上提供的系统安装说明。我在Mac上安装了GraphicsMagick，所以确保首先安装了图形库。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34141246
复制相关文章
相似问题
腾讯云开发者
