Преимущества значений cover и contain для свойства background-size:
- cover: изображение полностью покрывает область контейнера, показывая как можно больше изображения, но не искажая его. www.dev-notes.ru Если пропорции фона отличаются от элемента, изображение обрезается по вертикали или горизонтали. developer.mozilla.org
- contain: всё изображение помещается в контейнер, даже если его естественные размеры больше, чем контейнер. www.dev-notes.ru При этом картинка может занять или всю ширину, или всю высоту (зависит от пропорций картинки и от размеров элемента). code.mu
Недостатки значения cover: какая-то часть изображения может обрезаться, так как оно не всегда помещается целиком. code.mu Недостатки значения contain: блок в общем случае будет покрыт картинкой не целиком, но картинка всегда будет видна вся, хоть и в уменьшенном варианте. code.mu
Выбор между этими значениями зависит от конкретных требований и предпочтений разработчика.