Разница между процентным и пиксельным способом задания background-position заключается в том, как указывается позиция фонового изображения относительно элемента. 13

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

Пиксельный способ использует значения в пикселях или других абсолютных единицах (px, em, rem). 1 Например, 10px 20px позиционирует изображение на 10 пикселей от левого края и 20 пикселей от верхнего края. 1

Таким образом, процентный способ ориентируется на позицию относительно элемента, а пиксельный — на точное расположение изображения относительно левого верхнего угла элемента. 23