Обычно 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-иконок. Вносимые правки будут отображены в режиме реального времени.
Последний шаг — выберите значок для сохранения и нажмите на кнопку экспорта внизу. Также можно выбрать другой формат для сохранения файла из списка доступных. Вот и всё!
Если у вас отсутствуют навыки проектирования и вы не имеете понятия, как работают профессиональные инструменты редактирования, то Norde Source является правильным выбором. Приложение никогда не предлагает изменить цвет SVG исходного файла. Вам будет предложено экспортировать его в заранее созданную или выбранную папку. Спасибо за внимание!