Само png терпимо, при w:100% экрана искажения терпимы, вес 5кб - нормально. Но вообще тут мало цветов (2 всего) и нету прозрачности, можно было сделать gif форматом img. Можно background-image. Можно svg, но только смысл? Что у нас звезда синей должна становиться при наведении? Я сомневаюсь. А можно сделать div с background-color:red и отцентровать img в котором будет уже чисто белая обводка звезды и красная маленькая звезда. Центровать будем с помощью flex или float с падингами. Хорошо было бы сделать с помощью picture, на огромные мониторы я бы подкидывал большиое изображение, взял бы этот исходник и улучшил бы качество и размер с помощью сервисов, это и было бы большое изображение для больших мониторов.