@HelWorld

Что делать, если после релиза сайта с gulp-сборкой на GitHub, png перекрывает webp?

Сайт делал на своей gulp-сборке с gulp-webp-html и gulp-webp-css. Если запускать сайт на browserSync, всё работает нормально. Но если релизнуть сайт на GitHub, то png перекрывает webp и на сайте вместо webp картинок присутствуют только png. В DevTools менял .png на .webp, изображения отображаются, значит ошибка не в пути до файла. Код подключения webp тоже прописывается, но возникает ошибка в некорректном значении свойства.
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
@SigmaMale
Junior Frontend developer
А у вас установлен плагин который автоматом заменяет все теги img на:
<picture>
  <source srcset="./images/logo.webp" type="image/webp">
  <img src="./images/logo.png" alt="Logo" loading="lazy">
</picture>


Плагин называется: gulp-webp-html-nosvg
Плагин нужно подключать для HTML и PUG файлов
Ответ написан
Ваш ответ на вопрос

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

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