Чтобы изменить размер фонового изображения, нужно использовать свойство background-size в CSS. 24

Для абсолютного изменения размера можно указать новый размер в абсолютных единицах измерения (px, em, cm и др.). 2 По умолчанию ширина и высота установлены в «auto», что сохраняет исходные размеры изображения. 2

Для относительного изменения размера через проценты размеры основываются на элементе, а не на изображении. 2 Например, background-size: 50% auto. 2 Ширина фонового изображения в этом случае зависит от размеров контейнера. 2

Для масштабирования до максимального размера нужно указать значение contain. 2 Изображение будет увеличиваться или уменьшаться пропорционально, но ширина и высота не будут превышать размеры контейнера. 2

Для заполнения фоном следует использовать значение cover. 2 Изображение будет масштабироваться так, чтобы заполнить весь контейнер, но если различаются соотношения сторон, то картинка будет обрезана. 2