@pawjs/image-optimizer

PawJS - Image Optimizer
===

Optimize output images in you PawJS application

This plugin basically adds image-webpack-loader to current configuration

Installation

bash
npm i @pawjs/image-optimizer --save-dev


$3

Edit/Create /src/webpack.js

javascript
import ImageOptimizer from "@pawjs/image-optmizer/webpack";
// ... other imports if any

export default class ProjectWebpack {
  constructor({addPlugin}) {
    // Production is default supported env
    const optimizerOptions = {
      supportedEnv: [
        "production"
      ],
      // You can add direct options of image-webpack-loader if you need to   
      // config: {
      //  mozjpeg: {
      //    progressive: true,
      //    quality: 65
      //  },
      //  // optipng.enabled: false will disable optipng
      //  optipng: {
      //    enabled: false,
      //  },
      //  pngquant: {
      //    quality: '65-90',
      //    speed: 4
      //  },
      //  gifsicle: {
      //    interlaced: false,
      //  },
      //  // the webp option will enable WEBP
      //  webp: {
      //    quality: 75
      //  }
      //},
      // Default config used
      configLabel: "MEDIUM_QUALITY"
    };
    addPlugin(new ImageOptimizer(optimizerOptions));
    // ...
  }
}

------------

`Config Labels`


We have predefined configurations labels for your usage.
$3

This configuration gives max quality output but does no lossy compression.  
The equivalent configuration for this is as below:

json
{
  "mozjpeg": {
    "progressive": true,
    "quality": 100
  },
  "optipng": {
    "enabled": true
  },
  "pngquant": {
    "quality": "95-100",
    "speed": 2
  },
  "gifsicle": {
    "interlaced": false
  },
  "webp": {
    "quality": 100
  }
}

$3

The equivalent configuration for this is as below:`json { "mozjpeg": { "progressive": true, "quality": 70 }, "optipng": { "enabled": true }, "pngquant": { "quality": "65-90", "speed": 4 }, "gifsicle": { "interlaced": false }, "webp": { "quality": 80 } }`

`$3`

The equivalent configuration for this is as below:`json { "mozjpeg": { "progressive": true, "quality": 55 }, "optipng": { "enabled": false }, "pngquant": { "quality": "45-65", "speed": 10 }, "gifsicle": { "interlaced": false }, "webp": { "quality": 65 } }`ifconfig option is provided, configLabel` is ignored

$3

PawJS - Image Optimizer
===