Как в HTML сделать картинку фоном

Для того чтобы сделать картинку фоном в HTML, нужно использовать свойство CSS background-image.

Пример кода:

html


  
    
  
  
    
  

В данном примере мы указываем путь к файлу с изображением в свойстве background-image. Для того чтобы изображение занимало всю доступную область экрана, мы также задаем свойство background-size со значением cover.

Можно также использовать различные другие значения для свойства background-size, например, contain – чтобы фоновое изображение соответствовало размеру элемента, или auto – чтобы изображение оставалось в своих исходных размерах.

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