Изменить цвет SVG

Как можно быстро изменить цвет SVG значка в Windows 10

Обычно SVG-файлы встречаются в Интернете довольно-таки нечасто. Впрочем, работая в области веб-дизайна вы, скорее всего, найдете достаточное их количество. Это векторные графические файлы, которые могут быть масштабированы без потери качества. У дизайнеров есть специальные программные средства, которые позволяют их открывать и редактировать, но они зачастую платные. В случае, если вам понадобится изменить цвет SVG значка, но отсутствует приложение для этой задачи, воспользуйтесь инструментом «Norde Source».

С помощью этого бесплатного приложения, имеющего открытый исходный код, можно невероятно легко редактировать один или несколько цветов в файле SVG. После этого, его можно экспортировать либо как файл в сходном формате, либо в виде популярных: PNG, JPG, WEBP.

Изменить цвет SVG

Загрузите приложение по официальной ссылке:

https://norde.io/

где найдете версию для Windows 10, а также для Linux и MacOS. Для самой популярной операционной системы исполняемый файл установщика имеет размер 47,3 МБ. Далее установите и запустите приложение.

Основные его особенности:

  • изменение размера значков на лету;
  • многоцветное редактирование;
  • быстрый поиск иконки;
  • простое перетаскивание в любой инструмент дизайна или папку;
  • экспорт в SVG, PNG, JPG, WebP и Vue.js;
  • простота использования.

Довольно-таки простой пользовательский интерфейс на английском языке не заставит вас долго думать над тем, как работать с Norde Source. Выберите опцию «Add Icons / Добавить значки». В отдельном окне измените требуемые установки для таких полей:

  • New Set (новый набор);
  • New Set Name (название нового набора);
  • Browse Icons (выбор значков на ПК).

Начало работы с программой

Дальше щелчком по кнопке импорта добавьте созданный набор значков на рабочую область. С помощью верхней Панели инструментов установите требуемый размер из предлагаемого выбора предопределенных размеров. В правой части окна вы увидите раздел «Цвета» со всеми цветами, обнаруженными в предоставленном наборе.

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

Выбор цвета

Последний шаг — выберите значок для сохранения и нажмите на кнопку экспорта внизу. Также можно выбрать другой формат для сохранения файла из списка доступных. Вот и всё!

Экспорт SVG

Если у вас отсутствуют навыки проектирования и вы не имеете понятия, как работают профессиональные инструменты редактирования, то Norde Source является правильным выбором. Приложение никогда не предлагает изменить цвет SVG исходного файла. Вам будет предложено экспортировать его в заранее созданную или выбранную папку. Спасибо за внимание!

Оставьте комментарий