Я хотел бы использовать изображения webp, конечно, сафари не поддерживает их, поэтому я также добавил jpg как запасные варианты для разных разрешений.
В chrome все работает нормально, в сафари это работает только если я удалю версии webp из тега изображения.
Но я не хочу отказываться от изображений webp только из-за сафари ...
Мой html код указан ниже.
<picture>
<source type="image/webp" media="(max-width: 1200px)" srcset="/public/images/picture0-m.webp">
<source type="image/webp" media="(min-width: 1201px)" srcset="/public/images/picture0.webp">
<source type="image/jpeg" media="(max-width: 1200px)" srcset="/public/images/picture0-m.jpg">
<source type="image/jpeg" media="(min-width: 1201px)" srcset="/public/images/picture0.jpg">
<img src="/public/images/picture0-m.jpg"type="image/jpeg">
</picture>