@kachurinets

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

Экспортирую картинки в формате 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  ...


Что делать в такой ситуации? Возможно, что картинка некорректно импортируется?
  • Вопрос задан
  • 1238 просмотров
Решения вопроса 1
@lagudal
это не ощущение, у вас таки png внутри -
<image id="image0" width="1732" height="308" xlink:href="data:image/png;base64
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы