Как узнать работает ли webp на сайте?

Есть вот такой код:
<picture>
            <source type="image/webp" srcset="<?php echo get_template_directory_uri() ?>/img/kisspng-triangle-abstract-art-geometric-abstraction-colorful-geometry-5aa334cf275b57.5948162215206453271612.webp">
            <source type="image/jpeg" srcset="<?php echo get_template_directory_uri() ?>/img/kisspng-triangle-abstract-art-geometric-abstraction-colorful-geometry-5aa334cf275b57.5948162215206453271612.png">
            <img src="<?php echo get_template_directory_uri() ?>/img/kisspng-triangle-abstract-art-geometric-abstraction-colorful-geometry-5aa334cf275b57.5948162215206453271612.png" alt="Sunrise Image">
        </picture>

Я попробовал через код элемента удалить тег img, чтобы проверить работает ли webp и оказалось, что webp почему-то не отображается, отображается только картинка из тега img. Пробовал в хроме. Может я что-то не так сделал?
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack
Thinking about a11y
Перечитал вопрос трижды. Так и не понял о чем речь ...
Вы хотите понять какой файл загружается? Откройте отладчик - панель network. И смотрите.
Или
смотрите на свойство currentSrc у элемента img
Ответ написан
RomanTRS
@RomanTRS
picture — это обертка для img
source — дополнительный путь и условия его подстановки, в атрибут src

Если нет img, то нет и src. Соответственно, некуда подставлять путь к image.webp
Ответ написан
Ваш ответ на вопрос

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

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