#gulp #gulp-responsive

gulp-responsive.json

"responsive": {
    "config": {
      "bg/bg-*.jpg": [{
        "width": 1600,
        "quality": 70,
        "rename": { "suffix": "-1600x" },
        "skipOnEnlargement": true
      }, {
        "width": 800,
        "quality": 70,
        "rename": { "suffix": "-800x" },
        "skipOnEnlargement": true
      }],
      "**/*.jpg": {
        "width": 1900
      },
      "bg/bg-*.png": [{
        "width": 1600,
        "quality": 30,
        "compressionLevel": 6,
        "adaptiveFiltering": false,
        "rename": { "suffix": "-1600x" },
        "skipOnEnlargement": true
      }, {
        "width": 800,
        "compressionLevel": 6,
        "adaptiveFiltering": true,
        "rename": { "suffix": "-800x" },
        "skipOnEnlargement": true
      }],
      "**/*.png": {
        "width": 1900,
        "adaptiveFiltering": true
      }
    },
    "options": {
      "quality": 80,
      "compressionLevel": 7,
      "max": true,
      "errorOnEnlargement": false,
      "errorOnUnusedImage": false,
      "errorOnUnusedConfig": false
    }
  }
}