@iliya2004
Верстальщик, программист, дизайнер

Почему тег picture отображает обе картинки?

Здравствуйте, вот скрин.5e812d94a79c7039975895.png
по теням видно, что загружаются обе картинки
<picture>
        <source class="png" srcset="img/mount.webp" type="image/webp">
        <img class="png" src="img/mount.jpg">
</picture>
<picture>
        <source class="png" srcset="img/forest.webp" type="image/webp">
        <img class="png" src="img/forest.jpg">
</picture>

Мне остаётся только убрать поддержку JPG фоток, или вы знаете, как решить проблему?

АПД: Я не понимаю, почему оно занимает место?
5e8136b1ae996197404112.png
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
@iliya2004 Автор вопроса
Верстальщик, программист, дизайнер
всё починилось, когда оставил класс только у img.
<picture>
        <source srcset="img/mount.webp" type="image/webp">
        <img class="png" src="img/mount.jpg">
</picture>
<picture>
        <source srcset="img/forest.webp" type="image/webp">
        <img class="png" src="img/forest.jpg">
</picture>


Но нет возможности проверить на сафари, правильно ли заменяются webp на jpg
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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