По какому принципу выдаются изображения в адаптивной верстке?

Я уже немного запутался.. правильно ли я понимаю, что для телефоно с низких разрешением будет достаточно скажем картинки 600px.. для десктопов 900.. а вот для ай-фоном ретина, где как бы около 600 разрешения, но реально высокое разрешение и нужно картинку аж 1200? Прощу прощения если несу чушь, просто "плаваю" еще..

Если примерно так, то какие получается размеры картинок мне нужно? Сколько вариантов и каких размеров?

вам надо проверять как будут выглядеть ваши картинки на реальных экранах реальных устройств, именно ваши личные картинки и от этого плясать.

Я хотел сказать, что если картинка нормально сжата (например, Гугл внизу предлагает архив со сжатыми изображениями при проверке) можете сильно не мучаться и оставить изображения как были. И просто уменьшить их стилями.

Иначе да, начнется тот еще "зоопарк". 🤪

Но и тут можно обойтись всего парой изображений. Допустим, фоновую картинку в 1400px шириной хорошо бы на планшетах заменить картинкой пикселей 700 по ширине. Тогда на Айфоне с ретиной она будет примерно в 2 раза больше (если брать экран 350px - 370px). А на Айпаде можно показывать и полную версию сайта (1024px).

Но видел и вариант, когда для Айпада показывали картинку в 2800px и 5 мегабайт размером. :)

Надо либо использовать возможности движка (Вордпресс делает scrset например), либо какие-то готовые решения. Смотря какой сайт. Если небольшой и все стили с нуля пишете - тестируйте везде сами, это лучше любых мануалов.

Спасибо всем, разбираюсь по-тихоньку.. если есть какие либо еще комменты - буду рад услышать.

В этом топике предлагали вариант с picture (sizes и srcset), я попытался разобраться , но знаете что-то реальных примеров работающих на ведущих сайтах (напр в туризме) практически так и не нашел.

Скажите, какое адаптивное решение с картинками наиболее распространено в данный момент? Подмена картинки через javascript?

Сорри, если не совсем по теме. Но чтобы не создавать новую, решил спросить здесь.

Столкнулся с непоняткой - с выдачей картинки на сайте гостевого дома. Десктопная версия выдает на главной странице фото вида из номера на море. На планшете другое фото - Ливадийского дворца.

Любопытно, что если десктопную версию уменьшить кнопкой "Свернуть в окно", то вместо вида на море опять появляется Ливадийский дворец.

Как это может быть реализовано?

Это какая религия тебе запрещает создавать свои топики со своими вопросами, заставляя влезать в чужие?