Как превратить логотип в векторную графику

1. Почему логотип должен быть векторным

Логотип появляется везде: шапка сайта, визитки, упаковка, баннеры, гравировка. Растровый логотип (JPG/PNG) выдаёт себя, как только его увеличивают: «ступеньки» на печати, каша на большом экране и гравировальные станки, которые вообще не умеют читать пиксели. Векторный логотип описан путями, поэтому остаётся чётким при любом размере, а программы печати и гравировки читают эти пути напрямую. Поэтому «векторизация логотипа» — обязательный шаг при сдаче бренд-ассетов. Лицензионные договорённости тоже обычно требуют исходники в векторе, поскольку растровых файлов почти всегда недостаточно.

2. Подготовка перед конвертацией

• Найдите самый крупный оригинал: чем выше разрешение, тем точнее обведены контуры. Поищите в старых файлах и спросите коллег, избегая сжатых миниатюр из чатов;
• Предпочитайте чистый фон: белый или однотонный фон сильно облегчает последующее удаление фона;
• Посчитайте цвета: выясните, сколько цветов действительно использует логотип, и держите число цветов близким к этому значению при конвертации — так перекраска не потребует усилий;
• Подготовьте значения фирменных цветов: запишите HEX-коды, чтобы позже откалибровать результат.

3. Превращаем растровый логотип в SVG с помощью PolySVG

1. Откройте инструмент «Логотип в вектор» и загрузите растровый логотип;
2. Переключитесь на пресет «логотип»: он оптимизирован для знаков с малым числом цветов и чёткими краями, давая чистые цветовые блоки без лишних слоёв фото-трассировки;
3. Точно настройте количество цветов и сглаживание: держите число цветов близким к реальному количеству цветов в логотипе и немного увеличьте сглаживание, чтобы убрать пиксельные «ступеньки»;
4. Включите удаление фона: движок определит доминирующий цвет по краям и удалит фон, давая прозрачный векторный логотип;
5. Скачайте SVG или сразу переходите в редактор для доработки.

Весь процесс бесплатен и не требует регистрации.

Два вида логотипов требуют особого подхода. Для знака с градиентами векторизация даёт заметно больше цветовых слоёв, поэтому немного снизьте количество цветов и примите лёгкую полосатость. Для знака с крошечным текстом края букв часто размываются, поэтому проверьте их отдельно после конвертации: закрасьте кистью или попросите дизайнера перерисовать надпись.

4. Доработка в редакторе: мусор, разорванные штрихи и фирменный цвет

Автоматическая векторизация редко идеальна с первого раза, и обычные исправления делаются в онлайн-редакторе SVG: удаление мусора — выберите мелкие оставшиеся цветовые блоки от фона и удалите их; дорисовка кистью — проведите по разорванным штрихам, и они автоматически векторизируются в новые пути; калибровка цвета — щёлкните по каждому пути и введите фирменный цвет, чтобы убрать сдвиг, возникший при конвертации. Если фон всё ещё не убирается, воспользуйтесь схемой «автоматически плюс вручную» из инструмента удаления фона.

5. Передача и архивирование

Храните SVG как бренд-исходник, а для ежедневных превью и документов используйте экспортированные PNG. Если в типографии требуют EPS или AI, откройте SVG в Illustrator или Inkscape и сохраните в этом формате; различия форматов разобраны в материале Различия между SVG, EPS и AI. О том, какую ценность имеет векторный логотип, читайте в 6 преимуществах SVG.

Перед передачей сделайте три проверки: увеличьте до 400% и посмотрите, чисты ли края; положите логотип на тёмный фон и убедитесь, что прозрачность полная; и проверьте значения фирменных цветов пипеткой. Тёмный фон может быть временно нарисованным прямоугольником, который удаляют потом. Когда все три проверки пройдены, векторный логотип готов.

Напоминание: векторизация обводит уже существующие пиксели и не может восстановить утраченные детали. Если оригинал слишком размытый, найдите версию с более высоким разрешением или перерисуйте пером.