Как изменить стили SVG графики?

Question

[Алексей Рожок]

Иногда с фотошопа SVG выгружается в таком ввиде, и не пойму как в такой изменять стили.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="60" viewBox="0 0 64 60">
  <image xlink:href="data:img/png;base64,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"/>
</svg>

Comments

[ProjectSoft]

Никак. У вас в svg изображение png, а не вектор.

[Алексей Рожок]

ProjectSoft, так выгружается с фотошопа, может есть какой-то еще способ выгрузить в правильном виде, т.к. по задумке необходима как SVG?

[ProjectSoft]

Алексей Рожок, в фотошопе это точно вектор?
Вообще, по хорошему, это проблемы дизайнера. Если он из люстры копипастил в фотошоп, то у него есть исходники. Если нет, в плане не копипастил, делал прям в фотошоп, то должен предоставить ai или svg.
Единственное, что можно попробовать, это из фотошопа скопировать векторный обект, именно выделить вектор без битмапы, и вставить в люстру.

[Ankhena]

Алексей Рожок, если в фотошопе это действительно вектор, то двойной клик по слою откроет SVG в той программе, которая у вас по умолчанию открывает SVG.
Мне нравится, когда это браузер.
Остается сохранить.

[Just Me]

Ankhena, для SVG есть Figma или Adobe Illustrator - там всё выгружается, как надо

[Ankhena]

Just__Den, зависит от того, сколько этих картинок. Ради 1,5 штук открывать AI или делать экспорт в фигмы/цеплины нет смысла, если человек не использует их для верстки.