Как наиболее продуктивно сжимать картинки с помощью Gulp?

Question

[boberskyibohdan]

Посоветуйте плагин который сжимает максимально картинки без потери качества.
imagemin и pngquant очень мало сжимают, фотошопом и то лучше

Нашел tinypng, но там только 500 первых картинок бесплатно.
https://tinypng.com/developers

Comments

[monochromer]

"imagemin и pngquant очень мало сжимают, фотошопом и то лучше"
Странно, у меня imagemin на 70% (70%, Карл!!!) сжал без видимой потери качества png-иконки, сделанные в PS.

Answer 1

[Edward]

https://www.npmjs.com/package/gulp-image - использую для png, gif, svg
https://www.npmjs.com/package/gulp-smushit - для jpg, лучше жмет.

Из онлайн сервисов не так давно появился еще один: Jpeg.io. Работает на основе Kraken.io.

Comments

[Skankster]

Добрый человек, а как пользоваться этой штукой? куда пихать код...

[Edward]

Skankster: В каком смысле, куда? В gulpfile.js разумеется.

[Mesuti]

Привет из 2019.

gulp-image жмет jpeg лучше, чем tinyPNG, но проигрывает с PNG

Answer 2

[zooks]

В свое время перепробовал много утилиток и отобрал наиболее эффективные.

TinyPNG, конечно, хорош на небольших объёмах, но отнюдь не панацея. Тем более он сам использует стороннюю библиотеку. Кроме него есть другие онлайн-cжималки, также хорошо показавшие себя на тестах с прозрачным PNG-24:
compresspng.com
kraken.io

Из консольных утилит лучше всех сжимает pngquant.
В Gulp её можно вызвать через консоль: gulp-shell. Работает под любой системой.
Также есть одноименные плагины к gulp, самый популярный из которых imagemin-pngquant, идущий как дополнение к imagemin

Answer 3

[Евгений Власенко]

Рекомендую присмотреться к этому плагину https://www.npmjs.com/package/gulp-responsive
Построен на основе https://github.com/lovell/sharp поэтому стоит потюнить настройки по его документации sharp.dimens.io/en/stable

Answer 4

[Alexei_8]

сайт

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

Жаль только что указывается только про png и jpg.

Answer 5

[Volodimir Babeshko]

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