Как подтянуть картинки webp?

Всем привет. Использую готовую сборку галпа с преобразованием картинок в webp но они не отображаются в браузере. В файлах они , собственно, есть. Подскажите, с чем может быть связано?
.5f84930a924d3898476275.png
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
Webp вставляются как обычные картинки, но некоторые браузеры не поддерживают этот формат, поэтому стоит использовать специальный тег picture:
<picture>
    <source srcset="path/to/image.webp" type="image/webp">
    <img src="path/to/image.jpg" alt="Image alt">
</picture>

Если webp не отображается, могут быть следующие причины:
  • неверный путь к файлу. В разметке, возможно, стоит путь в исходную папку, а не в папку со сконвертированными изображениями;
  • браузер не поддерживает webp и нужен fallback, как показано выше;
  • при конвертации что-то пошло не так и изображение битое после конвертации. Это маловероятно, но, тем не менее, такое может быть.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Vene4ka
@Vene4ka
Учусь программировать :>
Не особо понял вопрос.
Картинки с расширением webp вставляются как и обычные.

photo.webp

Если в файлах есть, то и подтянутся должны.
Ответ написан
Ваш ответ на вопрос

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

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