• Stars
    star
    496
  • Rank 88,807 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 10 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

WebP plugin for imagemin

imagemin-webp GitHub Actions Status

WebP imagemin plugin

Install

npm install imagemin-webp

Usage

import imagemin from 'imagemin';
import imageminWebp from 'imagemin-webp';

await imagemin(['images/*.{jpg,png}'], {
	destination: 'build/images',
	plugins: [
		imageminWebp({quality: 50})
	]
});

console.log('Images optimized');

API

imageminWebp(options?)(buffer)

Returns a Promise<Buffer> with the optimized image.

options

Type: object

preset

Type: string
Default: default

Preset setting, one of default, photo, picture, drawing, icon and text.

quality

Type: number
Default: 75

Set quality factor between 0 and 100.

alphaQuality

Type: number
Default: 100

Set transparency-compression quality between 0 and 100.

method

Type: number
Default: 4

Specify the compression method to use, between 0 (fastest) and 6 (slowest). This parameter controls the trade off between encoding speed and the compressed file size and quality.

size

Type: number

Set target size in bytes.

sns

Type: number
Default: 50

Set the amplitude of spatial noise shaping between 0 and 100.

filter

Type: number

Set deblocking filter strength between 0 (off) and 100.

autoFilter

Type: boolean
Default: false

Adjust filter strength automatically.

sharpness

Type: number
Default: 0

Set filter sharpness between 0 (sharpest) and 7 (least sharp).

lossless

Type: boolean | number
Default: false

Encode images losslessly. If set to a number, activates lossless preset with given level between 0 (fastest, larger files) and 9 (slowest, smaller files).

nearLossless

Type: number
Default: 100

Encode losslessly with an additional lossy pre-processing step, with a quality factor between 0 (maximum pre-processing) and 100 (same as lossless).

crop

Type: object { x: number, y: number, width: number, height: number }

Crop the image.

resize

Type: object { width: number, height: number }

Resize the image. Happens after crop.

metadata

Type: string | string[]
Default: none
Values: all none exif icc xmp

A list of metadata to copy from the input to the output if present.

buffer

Type: Buffer

Buffer to optimize.

More Repositories

1

imagemin

Minify images seamlessly
JavaScript
5,562
star
2

imagemin-cli

Minify images seamlessly
JavaScript
923
star
3

imagemin-app

imagemin as an OS X, Linux and Windows app
JavaScript
826
star
4

imagemin-pngquant

Imagemin plugin for `pngquant`
JavaScript
316
star
5

imagemin-mozjpeg

Imagemin plugin for mozjpeg
JavaScript
251
star
6

imagemin-optipng

optipng plugin for imagemin
JavaScript
163
star
7

imagemin-svgo

SVGO plugin for imagemin
JavaScript
126
star
8

mozjpeg-bin

mozjpeg bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
120
star
9

imagemin-jpegtran

jpegtran plugin for imagemin
JavaScript
119
star
10

imagemin-gifsicle

Imagemin plugin for Gifsicle
JavaScript
116
star
11

pngquant-bin

pngquant bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
115
star
12

gifsicle-bin

gifsicle bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
113
star
13

optipng-bin

optipng bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
97
star
14

jpegtran-bin

jpegtran bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
93
star
15

cwebp-bin

cwebp bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
92
star
16

imagemin-guetzli

imagemin plugin for guetzli https://github.com/google/guetzli
JavaScript
81
star
17

imagemin-jpeg-recompress

jpeg-recompress imagemin plugin
JavaScript
63
star
18

imagemin-micro

Microservice for Imagemin
JavaScript
61
star
19

zopflipng-bin

zopflipng bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
51
star
20

pngcrush-bin

pngcrush bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
39
star
21

imagemin-jpegoptim

Imagemin plugin for jpegoptim
JavaScript
38
star
22

guetzli-bin

guetzli wrapper that makes it seamlessly available as a local dependency
JavaScript
30
star
23

imagemin-zopfli

zopfli plugin for imagemin
JavaScript
26
star
24

jpeg-recompress-bin

jpeg-recompress bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
25
star
25

jpegoptim-bin

jpegoptim bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
24
star
26

imagemin-pngcrush

pngcrush plugin for imagemin
JavaScript
23
star
27

imagemin-pngout

pngout plugin for imagemin
JavaScript
14
star
28

pngout-bin

pngout bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
14
star
29

imagemin-advpng

AdvPNG plugin for imagemin
JavaScript
9
star
30

advpng-bin

AdvPNG bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
8
star
31

logo

The imagemin logo
CSS
7
star
32

gif2webp-bin

gif2webp bin-wrapper that makes it seamlessly available as a local dependency
JavaScript
7
star
33

imagemin-gif2webp

gif2webp plugin for imagemin
JavaScript
6
star
34

meta

General discussion repo for imagemin related projects
6
star
35

imagemin.io

The site for imagemin
CSS
4
star