В чем особенность размещения фонового изображения при мобильной верстке?

Некоторые особенности размещения фонового изображения при мобильной вёрстке:

• Адаптация под разные разрешения экрана. 1 Фоновая картинка должна подстраиваться под различные размеры экранов, не теряя своих пропорций и качества. 1 Для этого используют свойство background-size со значением cover. 25
• Использование уменьшенных версий изображения. 25 Загрузка большой картинки может быть слишком расточительной с точки зрения скорости загрузки для мобильного интернета. 1
• Зафиксирование положения фона. 13 Это нужно, чтобы изображение оставалось на месте, даже когда пользователь прокручивает страницу вниз. 2 Для фиксации используют свойство background-attachment со значением fixed. 12
• Учёт разнообразия соотношений сторон. 3 Устройства с различными соотношениями сторон могут вести себя по-разному. 3 Для адаптации под специфические размеры и формы экранов используют медиа-запросы CSS. 3
• Контроль потока содержимого. 3 Это помогает устранить смещения фоновых изображений, которые могут возникнуть внезапно. 3 Для контроля используют свойства overflow для элементов html и body. 3