Почему изображения в srcset с заданной размерностью меняются только в большую сторону?

Question

[weranda]

Приветствую.
Есть код:

<picture>
        <source 
            srcset="
                cote-1.webp 800w,
                cote-2.webp 1000w,
                cote-3.webp 1200w
                "
        >
        <img src="cote.png">
    </picture>

Если ширина окна браузера <= 800, то показывается изображение cote-1. Расширяю окно браузера и потом показывается изображение cote-2, затем cote-3, но в обратном порядке это не работает. Почему так происходит?
Понятно, что можно использовать атрибут sizes или media, но оно же, вроде, и так нормально «смотрится», но не работает. Что я упустил?

Comments

[Lynn «Кофеман»]

https://developer.mozilla.org/en-US/docs/Web/HTML/...

Вообще-то в доке написано

If the srcset attribute uses width descriptors, the sizes attribute must also be present, or the srcset itself will be ignored.

Так что непонятно что и как у вас работает

[weranda]

Lynn «Кофеман», but it is not ignored to one side. Почему?

[Lynn «Кофеман»]

weranda, без понятия.

Покажите живой пример на codepen

UPD: о, так у вас srcset не у img, а у picture/source, хотя про ignored там тоже написано https://developer.mozilla.org/en-US/docs/Web/HTML/...

[weranda]

Lynn «Кофеман», Вот вам видео: https://disk.yandex.ru/i/bbHqrGu85BGjdg

[Lynn «Кофеман»]

weranda, я бы предпочёл html+css на codepen

[weranda]

Lynn «Кофеман», да нет там никакого CSS. Весь код в вопросе, но если вам так хочется, то вот вам ссылка на папку с HTML+IMG: https://disk.yandex.ru/d/_WqZrv4kLMwlNg

[weranda]

Lynn «Кофеман», А на codepen не помню как подгрузить картинки, поэтому загрузил их из imagePlaceholder: https://codepen.io/weranda/pen/ExEJbjQ
Там стабильно загружается картинка с максимальным разрешением.

[Lynn «Кофеман»]

weranda,
у меня в Firefox меняется во все стороны независимо от порядка в srcset

[weranda]

Lynn «Кофеман», Ну, доля FF не так велика, в Chromium браузерах везде не работает так, как это, как вы заметили, отрабатывает в FF.