Gulp-WebP конвертирует изображения с черным фоном. Как конвертировать в полностью прозрачный фон? - PullRequest
0 голосов
/ 10 февраля 2020

Я использую gulp-webp для преобразования изображений png в формат webp. Все работает гладко, и все изображения конвертируются в зависимости от настроек качества, которые я вставляю. Кроме фона. Изображения, преобразованные в webp, всегда имеют черный фон. Я пытался играть с каналом alphaQuality, установив качество от 100 до более низкого. Изменений не видно

1 Ответ

0 голосов
/ 24 февраля 2020

Я отвечаю на свой вопрос. Может быть, я спасу кого-то от путаницы, которая у меня была. Как вы можете видеть из приведенного выше кода, я дал указание функции webpConvert преобразовать все файлы в папке img в webp:

const webpConvert = () => {
  return src(`${sources.img}**`)
    .pipe(webp({}))
    .pipe(dest(distribution.img));
}

Уловка заключалась в том, что у меня уже были некоторые изображения webp, которые я ранее преобразовал вручную в моем папка scr / img. Таким образом, плагин gulp-webp взял эти webp-изображения и сделал их двойными. Это скрыло альфа-канал. Убедитесь, что в исходной папке нет изображений webp, если вы используете этот плагин, или, по крайней мере, дайте указание функции не преобразовывать их снова.

...