Я пытаюсь сделать разные изображения в chrome и в сафари. Проблема в том, что мы используем последние форматы изображений (например, webp и jpeg2000), но сафари не принимает webp. Так что я хотел бы получить без js, если возможно, условную визуализацию источников. Я почти уверен, что смогу решить эту проблему с помощью тега «picture» HTML5 или, возможно, решения css, но я пока не сделал этого успешно.
Я пробовал это с тегом picture:
<picture>
<source srcset="img_pink_flowers.webp">
<source srcset="img_white_flower.jp2">
<img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>
Более подробная информация о проекте заключается в том, что я использую React, но я не думаю, что это имеет отношение к проблеме. Будет предоставлена любая дополнительная информация, которая вам может потребоваться!
Большое спасибо за помощь!