Как сделать картинку на главной во всю высоту?

Question

[LosTinCode]

Приветствую!
Столкнулся с такой проблемой, нужно сделать картинку на главной во всю высоту и ширину, под мобильные телефоны.
Ширину сделал, а вот высоту что-то не удается сделать, может кто подсказать или накидать пару вариантов? Как вообще реализуется.

P.s Только что нашел решение с помощью свойства min-height: 100vh; для картинки, но теряет теперь качество, слишком ужасно сжимается

Картинка

Comments

[Вадим]

Object fit. Или background-size. Смотря как сделали.
А вообще для мобильных стоит отдавать.. Картинку для мобильных. А не адаптировать десктопную.

Answer 1

[Vladislav]

width: 100%;
height: 100%;
object-fit: cover;

Или
https://proglib.io/p/responsive-images
Или либо через js/jquery получать высоту окна пользователя и растягивать изображение по высоте, но выше упомянутые свойства нужны для того, чтобы картинка не ужималась

Comments

[LosTinCode]

Ты мой спаситель! Спасибо огромное!!!)
Задал картинке:

height: 100vh;
object-fit: cover;

И всё встало, как нужно)