Не GD или веб-разработчик. Я в маркетинге с ограниченными навыками в обеих областях. Мы работаем с веб-разработчиками (а не с оригинальными дизайнерами сайтов). С трудом в этом разбираюсь.
Мы добавляем дополнительную иконку на наш сайт, и мне интересно, есть ли определенные настройки при сохранении SVG.
Значок должен наследовать свой цвет от CSS, поэтому есть ли особый способ сохранить SVG, чтобы CSS мог легко изменять цвет в разных сценариях?
Кроме того, я хотел бы, чтобы значок хорошо вписывался в контейнер размером 61 пиксель, 61 пиксель (он отзывчив и сжимается на меньших размерах экрана), и я читал, что вы можете изменить ширину и высоту до 100%, но возможно ли это сделать что при сохранении SVG? Когда мы отправили связанный файл ниже, он по какой-то причине оказался очень маленьким, например, 1 на 1 пиксель.
И имеет ли значение размер холста при сохранении SVG, когда он будет изменен, чтобы соответствовать контейнеру?
Есть ли что-то, что я могу сделать, чтобы подготовить SVG, чтобы сделать это проще для разработчиков, или файл SVG выше (открыть, а затем щелкнуть правой кнопкой мыши и проверить код) должен быть достаточным для его реализации?
Изменение цвета заливки svg с помощью CSS возможно, в зависимости от вашего формата .svg.
svg path { fill: #ffffff; }
В прошлом мне удалось изменить цвет заливки .svg. Я добавил, !important
чтобы убедиться, что все работает.
Файлы .svg имеют раздражающее качество отображения в размере 1x1 px, если вы не укажете размер с помощью CSS. Установка a min-width
здесь является хорошей идеей.
Чтобы подготовить .svg, вы должны сделать его максимально простым. Я предлагаю использовать оптимизатор .svg, вы можете найти несколько здесь .
Винсент