How to export svg to adobe illustrator for a website?

Question

css

С недавних пор стал использовать svg элементы при верстке сайтов. Я столкнулся с проблемой, что файл экспортированный с CorelDraw и Adobe Illustrator - имеют разный код и по разному экспортируется. В случаях с ai – иногда подключается картинка base64 и много лишних переменных, но все бы ничего, если бы не баги при верстке. В некоторых браузерах размер элемента ведет себя не совсем правильно, я использую background-size c разными значениями, но не везде это помогает и не всегда правильно. Где-то все так как я и планировал, а где-то появляются отступы от краев экрана к примеру в Safari, что-то не правильно маштабируется? Пробывал даже спецификации для браузера, пример ниже:

background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-moz-background-size: contain;

Maybe I'm not exporting the svg correctly or the element has the wrong values? Are there ready-made solutions and what is the optimal size should be in ai in pixel values.
You have to work in ai, since macOS. I would be grateful if you poke your nose into an article, book or video lesson.