Как растянуть изображение на весь экран CSS

Для растяжения изображения на весь экран можно использовать свойство CSS background-size со значением cover. Например:

body  background-image: url('image.jpg');
  background-size: cover;
}

Это растянет изображение на весь фон страницы, сохраняя пропорции и обрезая лишнее. Если нужно растянуть изображение на весь контейнер, можно использовать свойство object-fit со значением cover для тега img:

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

Это растянет изображение на всю ширину и высоту родительского контейнера, сохраняя пропорции и обрезая лишнее.