[英]gulp-image min compression error
I'm running the Gulp pipeline below. 我正在运行下面的Gulp管道。 The pipeline runs with no errors in the terminal and the images output into the /dist folder. 管道在终端中无错误运行,并且图像输出到/ dist文件夹中。 The images are exactly the same file size as the /src though. 图像的大小与/ src完全相同。
import imagemin from "gulp-imagemin";
import imageminJpg from "imagemin-jpeg-recompress";
import imageminPng from "imagemin-pngquant";
gulp.task('min', function() {
return gulp.src('site/static/images/*')
.pipe(imagemin(
[imageminPng(), imageminJpg()],
{verbose: true}
))
.pipe(gulp.dest('dist/images'));
});
Terminal Output (relevant areas) 终端输出(相关区域)
[00:12:39] Starting 'fonts'...
[00:12:39] Starting 'clean'...
[00:12:39] Starting 'min'...
[00:12:39] Finished 'hugo' after 429 ms
[00:12:39] Finished 'clean' after 30 ms
[00:12:39] gulp-imagemin: ✔ aluminium_services.svg (already optimized)
[00:12:40] gulp-imagemin: ✔ contact-facebook.svg (already optimized)
[00:12:40] gulp-imagemin: ✔ about_background.jpg (saved 296 kB - 61%)
[00:12:40] Finished 'scss' after 1.09 s
[00:12:40] gulp-imagemin: ✔ contact-form-send-icon.svg (already optimized)
[00:12:40] gulp-imagemin: ✔ contact_send.svg (already optimized)
[00:12:40] gulp-imagemin: ✔ dog-marker.png (already optimized)
[00:12:40] gulp-imagemin: ✔ footer-up-arrow.svg (already optimized)
[00:12:40] Finished 'fonts' after 855 ms
[00:12:40] gulp-imagemin: ✔ menu.svg (already optimized)
[00:12:41] gulp-imagemin: ✔ timber_capped.jpg (already optimized)
[00:12:41] gulp-imagemin: ✔ testimonial_joel.jpg (already optimized)
[00:12:41] gulp-imagemin: ✔ timber_retaining_wall.jpg (already optimized)
[00:12:41] gulp-imagemin: ✔ timber_chain.jpg (already optimized)
[00:12:41] gulp-imagemin: ✔ timber_trellis.jpg (already optimized)
[00:12:41] [webpack] Hash: 25ab7c02b4a660acbf18
Version: webpack 4.6.0
Time: 2327ms
Built at: 08/17/2018 12:12:41 AM
Asset Size Chunks Chunk Names
app.js 565 KiB 0 [emitted] [big] app
Entrypoint app [big] = app.js
[00:12:41] Finished 'js' after 2.72 s
[00:12:41] gulp-imagemin: ✔ timber_standard2.jpg (already optimized)
[00:12:42] gulp-imagemin: ✔ landing_hero_background.jpg (saved 2.27 MB -
71%)
[00:12:42] gulp-imagemin: ✔ slide_ref.jpg (saved 2.41 MB - 77.9%)
[00:12:42] gulp-imagemin: Minified 3 images (saved 4.97 MB - 73.4%)
[00:12:42] Finished 'min' after 3.24 s
[00:12:42] Starting 'server'...
[00:12:42] Finished 'server' after 27 ms
[00:12:42] Starting 'build'...
Total in 120 ms
[00:12:42] Finished 'build' after 173 ms
It seems that most of the images are already optimized as you can see in the output. 正如您在输出中所看到的,似乎大多数图像已经优化。
One images that was optimized is: landing_hero_background.jpg
经过优化的图像之一是: landing_hero_background.jpg
[00:12:42] gulp-imagemin: ✔ landing_hero_background.jpg (saved 2.27 MB -
71%)
Delete dist folder altogether then build again. 完全删除dist文件夹,然后重新构建。
Compare this specific image in /site/static/images
and dist/images
. 在/site/static/images
和dist/images
比较此特定图像。
Added gulp-cache to imagemin pipeline, cleared out /dist 在imagemin管道中添加了gulp-cache,清除了/ dist
gulp.task('min', () =>
gulp.src('site/static/images/*')
.pipe(cache(imagemin(
[imageminPngquant(), imageminJPG()],
{verbose: true}
)))
.pipe(gulp.dest('dist/images'))
);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.