Как вам подсказали в интернете вы из свг сделали обычную картинку в пнг. Если там был сразу такой код, то это не свг. Проверяйте, задали ли вы размеры картинке
Антон Литвиненко, да, размеры заданы. Странный момент, просто если я открою svg-файл с папки, то он без проблем отображается в хроме. А при вставке на сайт там пусто. Либо я не понимаю как правильно экспортировать с фигмы
Антон Литвиненко, на сайте есть другие svg и они открываются нормально, при клике на ссылку в коде, а экспортированные с фигмы открываются как пустой xml. Разница между ними в том, что те, которые открываются - сделаны через path, а с фигмы - имеют теги rec, defs, pattern, use
С браузера копировали путь для вставки в src? Что на выходе? CSS свойства для img и его родителей проверяли? Не используется ли flex, а если используется, то правильно ли?
Трюков может быть сколько угодно. На пациента бы посмотреть.
Обычная картинка. Вы могли бы просто дешифровать base64 в png и смело использовали бы на своей странице. Грубо говоря, данный файл не является векторным файлом.
Проверил вашу проблему у себя на Chrome. Проблем никаких нет. Проблемы у вас могут быть из-за различных расширений и т. д. ...
Notepad++ вам в помощь.
Из кода SVG файла берёте код, который после data:image/png;base64, и копируете его в новый документ, выделяете всё в нём. А дальше Меню Плагины ->MIME Tools -> Base64 Decode и сохраняете в PNG.
Нужно смотреть шаблон фигмы для того, чтобы понять, что использовал дизайнер. Но, скорее всего, он использовал именно картинку и даже без прозрачности.
ProjectSoft, да в фигме стоит фоном png-картинка. Просто интересно то, что если в фигме увеличивать масштаб, то она не теряет качество как svg. Видимо это из-за большого размера исходника. Спасибо вам еще раз, продублируйте свой коммент в ответы - я отмечу его решением
ProjectSoft, извиняюсь, не подскажете - заметил, что на сайте нормально отображается только svg с именем logo, если даже самому файлу логотипа задать другое имя, то оно тоже перестанет отображаться. С чем это свянано?
на сайте нормально отображается только svg с именем logo, если даже самому файлу логотипа задать другое имя, то оно тоже перестанет отображаться. С чем это свянано?
Самый первый зачинщик сего поведения - AdBlock (защита от рекламы, блокировщик)
Ну и комментарий Danny Arty тоже в тему.
Простой
