Оптимизация графики (растр) - WishMaster2310/starter GitHub Wiki

В стартере в качетсве оптимизации растровых картинок используется api https://tinypng.com/ На мой взгляд, это самый оптимальный оптимизатор картинок из всех что я знаю. Можно юзать их веб интерфейс для этого. Как альтернативу, отличный компресссор есть у гугла https://squoosh.app/

Настройка

Для начала, необходимо сходить на сайт tinypng и выписать себе api-key.

Это совершенно бесплатно!

Но есть ограничения на ключ - 500 оптимизаций в месяц... Не то, чтобы мало, просто не хочется на каждый билд теребить этот лимит. По-этому, лучше всего, оптимизировать картинки разово. Кстати ключей может быть много у 1-го аккаунта.

Копируем значение api-key переходим в файл с настройками для галп тасков starter/taskConfig.js находим там поле images.tinypng.key и вставляем в него значение ключа

Запуск таска

gulp images:tinypng

Внимание! Все jpg и png файлы в папке publick/images будут заменены на оптимизированные