Если после релиза сайта с использованием Gulp.js и его сборкой на GitHub вы столкнулись с проблемой, когда изображения в формате PNG перекрывают изображения в формате WebP, следует провести следующие шаги для ее решения:
1. Проверьте, какой тип изображения используется в коде вашего сайта. Проверьте, что файлы изображений с правильными расширениями подключены к вашей разметке. Если вы используете изображения в формате WebP, убедитесь, что код разметки правильно указывает на файлы в формате WebP.
2. Проверьте вашу сборку Gulp.js для проверки, какие задачи выполняются над изображениями. Убедитесь, что у вас есть задача, отвечающая за преобразование изображений в формат WebP с сохранением оригинальной версии в формате PNG.
3. Убедитесь, что в вашей сборке Gulp.js используется правильный плагин для создания изображений в формате WebP. Например, вы можете использовать плагин 'gulp-webp' для преобразования изображений в формат WebP.
4. Проверьте, какие правила применяются к сборке изображений в вашем файле конфигурации Gulp.js. Убедитесь, что правила корректно отражают результаты, которые вы хотите получить. Возможно, ваши правила не учитывают изображения в формате WebP и требуют обновления.
5. Проверьте, какие файлы изображений присутствуют в репозитории на GitHub. Возможно, некоторые изображения в формате WebP не были загружены или имеют неправильные имена файлов.
6. Проверьте логи и сообщения об ошибках во время сборки Gulp.js. Они могут указывать на конкретные проблемы в вашей сборке.
7. Если вы не нашли ошибку в сборке Gulp.js, проверьте, как изображения представлены на самом сервере, где размещается ваш сайт. Возможно, настройки сервера играют роль при загрузке и отображении изображений.
В целом, чтобы решить проблему перекрытия файлов PNG изображениями в формате WebP после релиза сайта, вам следует проверить код разметки, настройки сборки Gulp.js и настройки сервера, чтобы убедиться, что правильно используются форматы изображений и выполняются необходимые преобразования.