Как задать размеры картинке если она псевдоэлемент?

Question

[Mesuti]

Привет!
Не могу найти ответ.
Как задавать определенные размеры картинке, если она сделана псевдоээлементом?
песочница jsFiddle

Answer 1

[0xD34F]

h1::before {
  content: "";
  background-image: url(http://via.placeholder.com/50x50);
  display: inline-block;
  width: 50px;
  height: 50px;
}

UPD. Вынесено из комментариев:

Если увеличивать width или height, то картинка повторяется.
Как можно отключить повтор?

Можно картинку растянуть:

background-size: cover;

А можно не изменяя размера разместить по центру, например:

background-position: center;
background-repeat: no-repeat;

Comments

[Mesuti]

Если увеличивать width или height, то картинка повторяется.
Как можно отключить повтор?

[0xD34F]

Дополнил ответ.

[Mesuti]

0xD34F, спасибо, гениальнейший человек!