How do you make your jpegs progressive?

Question

HTML

In general, I did not find a gallp plugin that would not optimize the image, but only make it progressive. But oh well, how do you do it? Maybe this will work for me too ;)

Answer 1

For automation, use the plugin https://github.com/imagemin/imagemin-jpegtran with the progressive:true option
UPD
I somehow didn’t bother much in this aspect of optimization, but your question prompted me to refine my task. As a result, the progressive mode works and the task looks like this now

var imagesTask = function () {
    return gulp.src([paths.src])
        .pipe(changed(paths.build))
        .pipe(imagemin([
            imagemin.gifsicle(),// default
            imagemin.jpegtran({
                progressive: true
            }),
            imagemin.optipng(),// default
            imagemin.svgo()// default
        ]))
        .pipe(gulp.dest(paths.build))
        .pipe(browserSync.stream())
};

https://github.com/delphinpro/gulp-starter/blob/ma...

Answer 2

This service makes jpeg progressive - https://optipic.io/ru/
The image optimization function can be disabled in the settings (by specifying in the compression settings - do not compress).
And also specify in the settings that you need to work only with jpg / jpeg.