Почему svg теряет свое качество при изменении размера?

Question

[kachurinets]

Экспортирую картинки в формате svg с Figma. На мобильной версиии нужно уменьшить размер картинки, но стает заметно видно, что картинки теряет качество. В чем может быть проблема? Открыл картинку в редакторе и такое ощущение, что это не векторная графика, а просто картинка которая была вложена в формат svg.
Вот часть svg

<svg width="287" height="51" viewBox="0 0 287 51" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="287" height="51" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0" transform="translate(0 -0.00036227) scale(0.000577367 0.00324911)"/>
</pattern>
<image id="image0" width="1732" height="308" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABsQAAAE0CAIAAAAUlMHSAAAKN2lDQ1BzUkdCIElFQzYxOTY2LTIuMQAAeJydlndUU9kWh8  ...

Что делать в такой ситуации? Возможно, что картинка некорректно импортируется?

Answer 1

[lagudal]

это не ощущение, у вас таки png внутри -

<image id="image0" width="1732" height="308" xlink:href="data:image/png;base64