How to compress PNG file using sharp package?

Question

I am trying to compress PNG files (above 1MB) using node.js sharp package.

var sharp = require('/usr/local/lib/node_modules/sharp');
sharp('IMG1.png')
.png({ compressionLevel: 9, adaptiveFiltering: true, force: true })
.withMetadata()
.toFile('IMG2.png', function(err){
    if(err){
        console.log(err);
    } else {
        console.log('done');
    }
});

Above code is not working properly. I have a file size around 3.5MB and I am trying to compress it around 1MB.

means It is not compressing the image, 3.5MB Image results to 3.5MB. — napster, Jun 13 '18 at 05:48

score 7 · Answer 1 · answered Jun 13 '18 at 07:29

7

Tried withe code you provided, it works perfectly and it also compresses image at certain extend

var sharp = require('sharp');
sharp('input.png')
    .png({ compressionLevel: 9, adaptiveFiltering: true, force: true })
    .withMetadata()
    .toFile('output.png', function(err) {
        console.log(err);
    });

I have attached screenshot. It will show the image size difference.

answered Jun 13 '18 at 07:29

Mr. Ratnadeep

591
4
10

3

Am I missing something? The input is 3MB and output is 3MB? – iuliu.net Aug 22 '22 at 14:23

score 1 · Answer 2 · answered Jul 21 '21 at 14:09

If you ever tried to zip a bitmap/raster image you'll notice it doesn't compress well, it really only compresses the metadata.

PNGs are a lossless format, so the quality parameter controls the colour depth. The default is lossless with quality: 100 which retains the full colour depth. When this percentage is reduced, it uses a colour palette and reduces the colours.

var sharp = require('/usr/local/lib/node_modules/sharp');
sharp('IMG1.png')
.withMetadata() // I'm guessing set the metadata before compression?
.png({
  quality: 95, // play around with this number until you get the file size you want
  compression: 6, // this doesn't need to be set, it is by default, no need to increase compression, it will take longer to process
})
.toFile('IMG2.png', function(err){
    if(err){
        console.log(err);
    } else {
        console.log('done');
    }
});

How to compress PNG file using sharp package?

2 Answers2