What is the most efficient way to compress images with Gulp?

Question

JavaScript

Recommend a plugin that compresses as many images as possible without losing quality.
imagemin and pngquant compress very little, photoshop is even better.
I found tinypng, but there are only 500 first pictures for free.
https://tinypng.com/developers

Answer 1

https://www.npmjs.com/package/gulp-image - I use it for png, gif, svg
https://www.npmjs.com/package/gulp-smushit - for jpg, it's better.
Of the online services, not so long ago, another one appeared : Jpeg.io. Powered by Kraken.io .

Answer 2

At one time I tried many utilities and selected the most effective ones.
TinyPNG , of course, is good for small volumes, but by no means a panacea. Moreover, he himself uses a third-party library. In addition to it, there are other online compressors that also performed well in tests with transparent PNG-24:
compresspng.com
kraken.io
Of the console utilities, pngquant compresses best of all .
In Gulp, it can be called via the console: gulp-shell . Works under any system.
There are also gulp plugins of the same name, the most popular of which is imagemin-pngquant , which comes as an addition to imagemin

Answer 3

I recommend to take a closer look at this plugin https://www.npmjs.com/package/gulp-responsive
Built on the basis of https://github.com/lovell/sharp so you should tweak the settings according to its documentation sharp.dimens.io/en/stable

Answer 4

сайт
На нём есть таблица в которой указывается размер/процент сжатия и каким gulp плагином и с какими свойствами это было произведено.
Жаль только что указывается только про png и jpg.

Answer 5

Пнгквант отлично сжимает, нужно только ставить приемлемый уровень потерь качества