Разница между свойствами background-size и background-repeat в CSS заключается в их функциях.

Background-size позволяет установить размер фонового изображения. 14 Для этого можно использовать единицы измерения, например, пиксели, проценты или одно из предустановленных значений: 4

• contain — масштабирует изображение по наибольшей стороне, сохраняя аспектное отношение. 4
• cover — масштабирует изображение по наименьшей стороне, сохраняя аспектное отношение. 4
• auto — значение по умолчанию, изображение отображается в полный размер. 4

Background-repeat, в свою очередь, определяет, как фоновое изображение будет повторяться внутри элемента, когда оно меньше размера элемента. 1 Свойство может принимать следующие значения: 1

• repeat — изображение будет повторяться как по горизонтали, так и по вертикали (это значение является значением по умолчанию). 1
• repeat-x — изображение повторяется только по горизонтали. 1
• repeat-y — изображение повторяется только по вертикали. 1
• no-repeat — изображение будет отображаться только один раз. 1