PNGs generated with gulp using imageminPngquant + imageminZopfli don't work on MacOS Safari

问题

I have the following gulp code for png minification:

function images() {
  return gulp.src([folder.preimages+'/**/*.png'])
    .pipe(cache(imagemin([
      //png
      imageminPngquant({
          speed: 1,
          quality: [0.95, 1] //lossy settings
      }),
      imageminZopfli({
          more: true
          // iterations: 50 // very slow but more effective
      })
    ])))
    .pipe(gulp.dest(folder.public_img));
}

The end result is a very nicely compressed png with a low file size. It works fine on Edge, Chrome, Firefox, but when I try to open it on MacOS Safari it just doesn't open the image.

I found this question, but it involves the libraries directly and I am not sure if I could modify them in my case. In this case I am using what's provided with npm. Is there an alternative I could use for this minification process? I do need it to be lossy.

来源：https://stackoverflow.com/questions/56677452/pngs-generated-with-gulp-using-imageminpngquant-imageminzopfli-dont-work-on-m