Webpack-face-crop-loader NPM

webpack-face-crop-loader

Getting Started

To begin, you'll need to install webpack-face-crop-loader:

$ npm install webpack-face-crop-loader --save-dev

Then add the loader to your webpack config. For example:

file.js

import profile from "./pictures_dir/profile.jpg";

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpe?g|gif)$/i,
        include: [path.resolve(__dirname, "pictures_dir")],
        use: [
          {
            loader: "webpack-face-crop-loader",
            options: { ...options },
          },
        ],
      },
    ],
  },
};

And run webpack via your preferred method.

Options

`height`

Type: number Default: 400

The height of the output image.

`width`

Type: number Default: 400

The width of the output image.

`minScale`

Type: number Default: 1

The minimal scale of the crop rect, set to 1 to prevent smaller than necessary crops. Lower than 1 will zoom in if needed (more risk of chopping things off).

`inputSize`

Type: number Default: 128

The size of the image when it is passed to be processed by the face detection model. The smaller the faster, but less precise in detecting small faces.

Must be divisible by 32, common sizes are: 128, 160, 224, 320, 416, 512, and 608.