Adobe illustrator и экспорт картинок в SVG с пробелами при просмотре в браузере, как решить?

Question

[Сергей Борисов]

Доброго времени суток.
Столкнулись с такой проблемой, у нас есть карточки пользователей, которые были созданы для сайта в векторном формате SVG.
В Фигме карточки отображаются идеально, но в браузере и самое главное в AI у них есть косяки в виде микро пробелов между элементами, может кто может помочь? Как это исправить? И главное достичь того, чтоб и в фигме и в браузере все работало отлично, хотя можно отдать приоритет только браузеру.

Если кто может помочь платно (Не знаю можно ли такое здесь публиковать) я буду только рад, мы очень нуждаемся в решении этой проблемы.

Как отображается в фигме


Как отображается в браузере


Как отображается в AI

Answer 1

[romansergeevich]

А из фигмы вы что экспортировали? Пробуйте .png

Comments

[Сергей Борисов]

Нам нужно именно SVG

[Максим]

Сергей Борисов, а в figma есть же экспорт в svg - что не получилось ?

[Сергей Борисов]

Brasileiro, даже при экспорте в svg из фигмы, проблема которая на скринах выше, проявляется в браузере

[romansergeevich]

Сергей Борисов, а как вы тень в свг сохраните?)

[Сергей Борисов]

romansergeevich, Не поверите, но с ней все хорошо)

[Сергей Борисов]

Brasileiro, Я вам ответил на почту

Answer 2

[Степан Воеводин]

Частая проблема. Я её решаю обычно таким путём:

• Все объекты одного цвета склеиваю в один объёкт.
  
• Если объекты разного цвета, то работаю со слоями: т.е. объект который лежит под другим - делаю большего размера, чтобы он заходил под линию стыка.