Плагин webpack imagemin для сжатия jpg, png и создания webp?

Я пытаюсь понять, как лучше всего сжать мои изображения с помощью webpack. Я ищу способ сжать .jpg (с потерями), .png, а также создать файлы .webp для каждого файла jpg / png.

Я попробовал https://github.com/itgalaxy/imagemin-webpack, который, похоже, работает для вывода файлов .jpg и .png, но я не могу приступить к выводу .webp, даже если он говорит, что должен поддерживать другие пакеты imagemin.

Моя текущая конфигурация для этого плагина:

const imageMinPlugin = new ImageminPlugin({
    imageminOptions: {
        plugins: [
            ['webp', { quality: 50 }],
            ['mozjpeg', { quality: 10 }],
            ['pngquant', { quality: [0.9, 0.95]}],
        ]
    }
});

Но, похоже, полностью игнорирует часть "webp", никаких ошибок или чего-то еще. Есть ли лучший способ сжатия изображений с помощью веб-пакета, который соответствует моим требованиям? Или мне нужно сделать это по-другому?


webpack npm javascript webp image-compression
person nickelman    schedule 28.08.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Здесь уже есть ответ здесь, хотя вопрос был не совсем таким.

Я думаю, что вам не хватает imageminWebp функции. Вы можете проверить это в связанном репо (webpack.common.js строки 22–26).

person Igor Bykov    schedule 28.08.2019
comment
Хорошо, но тогда используется другая настройка, а не плагин. - person nickelman; 29.08.2019
comment
@nickelman Это действительно так. Однако сам imagemin не конвертирует ваши файлы ни во что. Он оптимизирует уже существующие изображения. Так что, если у вас уже есть изображения в формате webp, ваша установка должна работать. Если вы хотите их сгенерировать, тогда вам нужно что-то помимо imagemin. Думаю, вы могли бы использовать imagemin-webp и imagemin в качестве плагинов одновременно. Я использую другой плагин оптимизации только потому, что мне он больше нравится. - person Igor Bykov; 29.08.2019