imagemin

Если установить плагин imagemin обычным способом:

• перейти в папку imagemin;
• выполнить команду npm install grunt-contrib-imagemin --save-dev,

то может возникнуть проблема с невозможностью сжатия файлов формата jpg.

Решение проблемы невозможности сжатия файлов jpg с помощью grunt-contrib-imagine:

1. Сначала в файле package.json необходимо добавить строку «jpegtran-bin»: «0.2.0». Важно, чтобы эта строка была добавлена перед объявлением зависимостей grunt-contrib-imagemin. Обратите внимание, что при добавлении версии не нужно использовать символ «~»!
2. Затем удалите локальную папку node_modules и установите модули заново.
3. После этого снова запустите команду запуска задачи grunt, и все файлы формата .jpg можно будет сжать. Очень хорошо!

Обратите внимание на использование версии 0.4.1 grunt-contrib-imagemin, так как в последней версии также могут быть подобные проблемы.

Ранее было сказано:
Изображения, вырезанные из Photoshop, независимо от того, являются ли они форматом PNG или JPEG/JPG, содержат много дополнительной информации и избыточных значений цвета. Эта информация и значения цвета бесполезны для веб-страниц, но увеличивают размер изображений. Поэтому Google Pagespeed рекомендует использовать jpegtran или jpegoptim (только для платформы Linux) для сжатия изображений формата jpeg/jpg без потерь. Для изображений в формате PNG следует использовать OptiPNG или PNGOUT для сжатия. Уменьшение размера изображений позволяет уменьшить размер файла, загружаемого пользователями, и ускорить доступ к странице.

Однако упомянутые инструменты не очень удобны в использовании. Или мы можем воспользоваться онлайн-инструментом Smush.it для сжатия изображений, предоставленным Yahoo. Однако, согласно отчёту Google Pagespeed, изображения, сжатые с помощью Smush.it, всё ещё имеют потенциал для сжатия — я пока не знаю, кому верить. Google Pagespeed предлагает решение, которое, конечно, имеет свои преимущества. Если у нас установлен плагин браузера, мы можем определить место сохранения оптимизированных файлов. Но имена этих файлов слишком длинные, и нам нужно их обработать. Это делает намерения Google непонятными.

jpegtran/jpegoptim/OptiPNG/PNGOUT, безусловно, идеальные инструменты для сжатия, но ими не всегда удобно пользоваться, и есть проблемы с кроссплатформенностью. Однако если мы используем Grunt.js, то можем использовать его плагин Grunt-contrib-imagemin, который объединяет функции jpegtran и OptiPNG и позволяет массово и без потерь сжимать изображения.