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

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

Нашел tinypng, но там только 500 первых картинок бесплатно.
https://tinypng.com/developers
  • Вопрос задан
  • 4220 просмотров
Пригласить эксперта
Ответы на вопрос 5
edalis
@edalis
HTML, CSS, JS, Node.js
https://www.npmjs.com/package/gulp-image - использую для png, gif, svg
https://www.npmjs.com/package/gulp-smushit - для jpg, лучше жмет.

Из онлайн сервисов не так давно появился еще один: Jpeg.io. Работает на основе Kraken.io.
Ответ написан
zooks
@zooks
Frontend
В свое время перепробовал много утилиток и отобрал наиболее эффективные.

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

Из консольных утилит лучше всех сжимает pngquant.
В Gulp её можно вызвать через консоль: gulp-shell. Работает под любой системой.
Также есть одноименные плагины к gulp, самый популярный из которых imagemin-pngquant, идущий как дополнение к imagemin
Ответ написан
Комментировать
mahnunchik
@mahnunchik
https://about.me/vlasenko
Рекомендую присмотреться к этому плагину https://www.npmjs.com/package/gulp-responsive
Построен на основе https://github.com/lovell/sharp поэтому стоит потюнить настройки по его документации sharp.dimens.io/en/stable
Ответ написан
Комментировать
@Alexei_8
сайт

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

Жаль только что указывается только про png и jpg.
Ответ написан
Комментировать
@dady_KK
PM
Пнгквант отлично сжимает, нужно только ставить приемлемый уровень потерь качества
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы