На сайтах adn.agency используются cookie-файлы и другие аналогичные технологии. Если, прочитав это сообщение, вы остаетесь на нашем сайте, это означает, что вы не возражаете против использования этих технологий.

Хорошо

Джедайджест 2.0. Сервисы для SVG-графики

Растровые иконки остались в прошлом, как дешевые туры в Египет, эмо-культура и неадаптивные сайты. Нет векторных иконок — счастливые обладатели retina-дисплеев смотрят на твой сайт и грустят. Не надо так, делай SVG.

Понятное дело, дизайнеры делают векторные иконки в своих корелах, иллюстраторах или экспортируют шейпы из фотошопа. Но иногда нужной софтины нет под рукой и хочется сделать это по-быстрому. Например, пока ты в отпуске лежишь в шезлонге и ловишь задачи в Битрикс24, как тот самый парень.

Сегодня мы собрали ароматный пучок из простых редакторов SVG-графики, перетянули их атласной ленточкой и вручаем тебе. Пользуйся и улыбайся, как дитя.

Онлайн-редакторы

Самый простой и доступный онлайн-редактор — «Рисунки» в сервисе Google Диск. Профессиональную векторную графику в нем не сделать, но оперативно поправить мелкие косяки — вполне. Есть формы, линии, текст и (о, чудо!) экспорт в SVG.
Janvas
Еще один онлайн-редактор. Простой, подходит для совместной работы. Поддерживает слои, формы, кривые. Умеет делать эффекты и экспортировать в Google Диск. Встроена большая библиотека векторных клипартов.
Mondrian
Простой онлайн-редактор с основным набором инструментов. Умеет сохранять файлы в SVG и PNG. Из приятного: есть визуальная история изменений.
SVG-edit
SVG-редактор — название говорит само за себя. Плюсом к привычным фичам идёт возможность выравнивания объектов относительно друг друга или отдельных линий.

Десктопные бесплатные редакторы

Inkscape (Mac/Win/Linux)
Бесплатный редактор векторной графики с полным набором инструментов: от фигур и кистей до ластика и фильтров. Есть встроенный редактор для дерева XML элементов.
Gimp (Mac/Win/Linux)
Растровый редактор со свободной лицензией. Умеет открывать SVG файлы и растрировать их. Фигуры в виде фигур не импортирует — все элементы переводит в контуры, что тоже неплохо.

Ну в общем, теперь ты можешь работать с векторными иконками даже там, где нет привычных софтин. Это ценный навык, который можно добавить в резюме, не находишь?