Я создаю веб-галерею фотографий, сделанных с помощью iPhone. Они в широкой цветовой гамме.
В данный момент я использую этот тег HTML для обработки адаптивного изображения.
<picture> <source media=”(min-width: 900px)” srcset=“image-lg_1x.webp 1x, image-lg_2x.webp 2x” type=“image/webp” > <source media=”(min-width: 601px)” srcset=“image-md_1x.webp 1x, image-md_2x.webp 2x” type=“image/webp” > <source srcset=“image-sm_1x.webp 1x, image-sm_2x.webp 2x” type=“image/webp” > <img srcset=“image-sm_1x.jpg 600w, image-md_1x.jpg 900w, image-lg_1x.jpg 1440w” src=“image_lg_1x.jpg” type=“image/jpeg” alt=”image description”></picture>
Мне нужно добавить широкоцветный тег, и в соответствии с руководством синтаксис:
<picture>
<source media="(color-gamut: p3)" srcset="photo-wide.jpg">
<img src="photo-srgb.jpg">
</picture>
Как мне их смешать?