SVG Color Replacer

Да. SVG Color Replacer обновляет заливку и обводку вместе, поэтому контуры и внутренние области остаются согласованными. Если нужен только один вариант, продублируйте файл и запустите SVG Color Replacer с разными опциями, чтобы сравнить результаты. Для согласованной тематики выбирайте цвета из того же набора токенов, что используете в UI, и тестируйте на светлом и тёмном фоне.

currentColor указывает SVG наследовать CSS-цвет от родительского элемента. SVG Color Replacer может заменить все сплошные цвета на currentColor, чтобы иконки реагировали на тематические токены. Объедините вывод SVG Color Replacer с CSS-переменными для согласованной тематики компонентов. При использовании CSS-переменных вывод будет автоматически получать обновления без повторного редактирования SVG. Это хорошо работает с компонентами иконок, которые принимают параметр цвета.

Да. SVG Color Replacer оставляет значения none без изменений, чтобы прозрачные формы оставались прозрачными. Если вы видите неожиданные заливки, проверьте наличие inline-стилей, которые переопределяют атрибуты, пе��ед ��овторным запуском SVG Color Replacer. Если вы полагаетесь на ширину обводки для выравнивания, проверьте предпросмотр после замены, чтобы подтвердить отсутствие визуального смещения.

SVG Color Replacer заменяет только сплошные значения. Градиенты и паттерны остаются как определено, что сохраняет целостность сложных иллюстраций. Если нужны изменения градиентов, настройте их в инструменте дизайна, а затем запустите SVG Color Replacer для оставшихся сплошных цветов. Паттерны и градиенты часто содержат несколько остановок, поэтому обработка их на этапе подготовки предотвращает несовпадающие оттенки. Для единообразного вида настройте цвета остановок в инструменте дизайна и экспортируйте снова.

Нет. SVG Color Replacer работает локально, поэтому ассеты никогда не покидают ваше устройство. Этот локальный процесс SVG Color Replacer безопасен для брендовых иконок, продуктового UI и клиентских библиотек, а также работает даже при строгих корпоративных сетевых политиках. Локальная обработка также избегает ограничений на размер файла, налагаемых сервисами загрузки, и упрощает соответствие требованиям.

Да. После использования SVG Color Replacer запустите оптимизацию для сокращения байтов. SVG Color Replacer меняет только цвета, поэтому оптимизация и минификация по-прежнему ценны для размера и производительности, особенно для больших наборов иконок. Запустите быстрый предпросмотр после оптимизации, чтобы подтвердить, что края остаются чёткими и прозрачность сохранена.

Inline-стили обрабатываются так же, как атрибуты, поэтому сплошные цвета заменяются последовательно. Если вам нужен больший контроль, преобразуйте стили в атрибуты в исходном файле перед заменой цветов. Если стили определены в теге style, сначала переместите их inline для предсказуемых результатов. Presentation-атрибуты обычно переопределяют наследуемые стили, поэтому будьте последовательны в исходном файле. Это особенно полезно, когда иконки поступают из разных источников.

Этот инструмент применяет одну замену ко всем сплошным цветам. Если нужны выборочные изменения, продублируйте SVG и изолируйте цвета в редакторе, затем примените замену к каждой версии. Для продвинутых рабочих процессов поддерживайте базовый SVG и создавайте варианты с помощью скриптов сборки или CSS-классов. Вы также можете применять разные темы во время выполнения, меняя CSS-классы.

Да. SVG Color Replacer бесплатен для использования в браузере. Загрузка или установка не требуется.

Нет. SVG Color Replacer работает мгновенно в браузере без регистрации, а файлы остаются локальными.