Images optimization script

compress.js

const compressImages = require("compress-images");

const VERBOSE = false;
const WEBP_QUALITY = 65;
const JPEG_QUALITY = 75;
const PNG_QUALITY_MIN = 40;
const PNG_QUALITY_MAX = 75;
const DEST_DIR = "./src/images/";
const SRC_DIR = "./src/images/original";

const webpify = (src, dest) => {
  return new Promise((res, rej) => {
    compressImages(
      src,
      dest,
      { compress_force: false, statistic: VERBOSE, autoupdate: true },
      false,
      { jpg: { engine: "webp", command: ["-q", String(WEBP_QUALITY)] } },
      { png: { engine: "webp", command: ["-q", String(WEBP_QUALITY)] } },
      { svg: { engine: false, command: false } },
      { gif: { engine: false, command: false } },
      (error, completed) => {
        if (error) return rej(error);
        if (completed) return res();
      }
    );
  });
};

const optimize = (src, dest) => {
  return new Promise((res, rej) => {
    compressImages(
      src,
      dest,
      { compress_force: false, statistic: VERBOSE, autoupdate: true },
      false,
      {
        jpg: { engine: "mozjpeg", command: ["-quality", String(JPEG_QUALITY)] },
      },
      {
        png: {
          engine: "pngquant",
          command: [`--quality=${PNG_QUALITY_MIN}-${PNG_QUALITY_MAX}`],
        },
      },
      { svg: { engine: "svgo", command: "--multipass" } },
      { gif: { engine: false, command: false } },
      (error, completed) => {
        if (error) return rej(error);
        if (completed) return res();
      }
    );
  });
};

const start = async () => {
  const webpGlob = `${SRC_DIR}/**/*.{jpg,JPG,jpeg,JPEG,png}`;
  const optGlob = `${SRC_DIR}/**/*.{jpg,JPG,jpeg,JPEG,png,svg}`;

  if (VERBOSE) console.log("Creating Webp...");
  await webpify(webpGlob, DEST_DIR);

  if (VERBOSE) console.log("Optimizaing...");
  await optimize(optGlob, DEST_DIR);
};

start();

deps.json

["[email protected]:dev", "pngquant-bin:dev"]

scripts.json

{
   "compress": "node ./scripts/compress.js"
}