Compress image using sharp in node.js

Question

I want to resize and compress images using sharp in node.js

In sharp for jpeg there is separate compression and for webp there is separate and for png there is separate.

WEBP

sharp('a.jpg')
.resize(1000)
.webp({quality: 80})

JPEG

sharp('_4_.jpg')
 .resize(1000)
 .jpeg({quality: 80})

PNG

sharp('_4_.jpg')
 .resize(1000)
 .png({compressionLevel: 8})

Basically I want to compress and resize image without checking in which format they.

Is there anything for that in sharp ?

Why don't you just check the extension and act accordingly? If you want a more precise detection you can read the first bytes of the image, but I don't think that is necessary. — Marcos Casagrande
– Marcos Casagrande, Commented Jul 11, 2018 at 18:03
yes that's a solution but i want to do same instead of checks — Haseeb Ahmad
– Haseeb Ahmad, Commented Jul 11, 2018 at 18:12
different formats require different method decoding and encoding, so checking extension is a good idea. — primee
– primee, Commented Sep 25, 2018 at 15:58

Kuzzy · Accepted Answer · 2023-09-25 09:22:15Z

12

You can grab file format with metadata method and select according optimisation method for it:

const image = sharp('_4_.jpg')
const meta = await image.metadata()
const { format } = meta

const config = {
  jpeg: { quality: 80 },
  webp: { quality: 80 },
  png: { compressionLevel: 8 },
}

await image[format](config[format])
  .resize(1000)

edited Sep 25, 2023 at 9:22

answered Oct 7, 2021 at 12:28

Kuzzy

6701 gold badge10 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nameless · Accepted Answer · 2022-10-09 03:32:55Z

9

If you want the output format to match the input format, you should look at force option.

sharp(input)
  .jpeg({ progressive: true, force: false })
  .png({ progressive: true, force: false })
  ...

GIF output is not supported, so GIF input will become PNG output by default.

Additional reference: https://sharp.pixelplumbing.com/api-output#jpeg

edited Oct 9, 2022 at 3:32

nameless

155 bronze badges

answered Aug 16, 2019 at 21:46

sbay

4451 gold badge8 silver badges21 bronze badges

Comments

sonjz · Accepted Answer · 2021-07-20 21:29:00Z

7

PNG is also quality, but as it is a lossless format, this is set to 100 by default. Where-as JPG is set to 80 by default.

By reducing the quality for PNG, it will enable the palette mode which will reduce the number of colours captured in the encoding. This will provide some good size reduction for the file.

compression is just zlib / zip compression, haven't found it does much TBH.

All in the docs: https://sharp.pixelplumbing.com/api-output#png

// this will disable loss-less mode, and reduce the colour accuracy to 90%
// it will also enable the palette
sharp('_4_.jpg')
 .resize(1000)
 .png({quality: 90})

answered Jul 20, 2021 at 21:29

sonjz

5,1404 gold badges44 silver badges62 bronze badges

Collectives™ on Stack Overflow

Compress image using sharp in node.js

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related