Как перевести логотип в вектор — трассировка, отрисовка и когда что выбрать

Типография просит «логотип в кривых», конструктор сайтов в SVG, а у вас от логотипа остался один PNG с сайта десятилетней давности. Исходники потерялись вместе с дизайнером. Ситуация настолько частая, что «отрисовка логотипа в вектор» отдельная услуга на фрилансе. Разберём, когда её можно сделать самому за десять минут, когда за вечер, а когда честнее заплатить.

Сначала: а точно ли вектора нет?

Прежде чем восстанавливать логотип из растра, потратьте десять минут на поиски оригинала. Он существует чаще, чем кажется:

• Почта и архивы. Письма от дизайнера или студии, старые облака, папки «Логотип final». Ищите файлы .ai, .eps, .svg, .pdf.
• Подрядчики. Типография, которая печатала визитки, или агентство, делавшее сайт. У них в архивах часто лежит вектор.
• Сайт компании. Логотип в шапке может быть SVG, как проверить и вытащить, мы показывали в статье: «Как скачать логотип с сайта».
• Известный бренд? Тогда вектор точно есть в каталогах. В нашем каталоге логотипов сотни брендов в SVG.

Найденный оригинал всегда лучше любой реконструкции.

Путь 1. Автотрассировка за 10 минут

Трассировка — это алгоритм, который обводит границы пикселей кривыми. Лучший бесплатный инструмент — Inkscape:

1. Откройте PNG в Inkscape (File → Open).
2. Выделите картинку → Path → Trace Bitmap.
3. Для одноцветного логотипа выберите режим Single scan (Brightness cutoff), для цветного — Multicolor с количеством цветов по числу цветов в логотипе.
4. Подвигайте порог (Threshold), глядя на предпросмотр. Цель — чёткие края без рваных дыр.
5. Apply → уберите исходный растр → File → Save As → SVG.

После трассировки почти всегда нужна доводка: Path → Simplify (Ctrl+L) уберёт лишние узлы, которых алгоритм наставил на каждом пикселе, иначе файл будет весить сотни килобайт (почему это важно — в статье про оптимизацию SVG).

Онлайн‑альтернативы (vectorizer‑сервисы) делают то же самое без установки, но с ограничениями бесплатных тарифов и без тонких настроек.

Путь 2. Ручная отрисовка за вечер

Честная реконструкция: растровый логотип кладётся на фон, и поверх него заново строятся фигуры. В Figma процесс такой:

1. Вставьте PNG и заблокируйте слой, снизив непрозрачность до 30–50%.
2. Стройте поверх из геометрических примитивов: круги, прямоугольники, булевы операции (Union, Subtract). Пером (P) — только то, что не собирается из геометрии.
3. Текстовую часть не обводите — определите шрифт (сервисы распознавания шрифта по картинке в помощь: WhatTheFont, FontSquirrel Matcherator) и наберите заново. Если шрифт платный и покупать не хочется — подберите близкий бесплатный.
4. Цвета снимите пипеткой с крупных заливок исходника, а лучше найдите точные фирменные коды — как их искать, мы рассказывали в отдельной статье.
5. Сверьте силуэты: наложите свой вектор на исходник и переключайте видимость. Расхождения виднее всего по краям и в изгибах.
6. Экспортируйте SVG и соберите полный комплект файлов по гиду по форматам.

Звучит долго, но для логотипа средней сложности это 1–3 часа даже без опыта. Бонус: в процессе вы получите идеально чистый файл, лучше многих «оригиналов».

Путь 3. Заказать отрисовку

Услуга «отрисовка в вектор» на фриланс‑биржах стоит недорого и делается за 1–2 дня. Заказывайте, если логотип сложный (градиенты, иллюстрация, леттеринг), а времени нет. Проверяйте результат: в файле должны быть кривые (<path>), а не вставленный растр, текст в кривых или с приложенным шрифтом, цвета точными кодами.

Сравнение путей

Частые вопросы

Онлайн‑конвертер «PNG в SVG» — это то же самое? Да, внутри та же трассировка, только без настроек. А некоторые сервисы просто заворачивают растр в SVG‑обёртку — файл меняет расширение, но вектором не становится. Проверка: откройте результат текстовым редактором, внутри должны быть <path>, а не <image>.

Нейросети умеют векторизовать? Появляются модели, генерирующие SVG по картинке, — на простых знаках результат уже приличный, на сложных пока хуже аккуратной ручной работы. Проверяйте те же критерии: чистые кривые, разумное число узлов.

Логотип чужой. Можно ли его отрисовывать? Для использования по назначению (показать бренд в презентации, поставить иконку банка в список) — да, но отрисовка должна быть точной, без искажений. Подробно о правовой стороне в статье можно ли использовать чужой логотип.

Сколько узлов должно быть в хорошем векторе? Ориентир: простой знак, десятки узлов, не сотни. Откройте результат в Inkscape и нажмите N (редактор узлов): если кривая усыпана точками, как бусами — файл после трассировки не доведён. Плавная дуга описывается 2–4 узлами.

Как отрисовать градиент? Снимите пипеткой оба крайних цвета исходника и постройте градиент заново инструментом редактора. Не пытайтесь «повторить пикселями». В SVG градиент — это математический объект <linearGradient> с точными стопами, он чище любой трассировки.

Подготовка исходника: половина успеха трассировки

Прежде чем скармливать PNG алгоритму, потратьте пять минут на подготовку. Качество результата вырастет заметно:

1. Найдите самую большую версию. Поиск по картинке (Яндекс/Google) по вашему PNG часто находит копии выше разрешением. Также проверьте веб‑архив сайта бренда.
2. Увеличьте контраст. В любом редакторе поднимите контраст и уберите полутона у краёв — алгоритму проще искать границы.
3. Очистите фон. Пятна, водяные знаки и текстуры фона превратятся в лишние фигуры. Замажьте их белым до трассировки.
4. Обрежьте лишнее. Трассируйте только логотип, а не всю страницу каталога, где он напечатан.
5. Для JPG — уберите артефакты. Лёгкое размытие (Gaussian Blur 0,5–1 px) парадоксально улучшает трассировку JPG: алгоритм перестаёт обводить квадратики сжатия.

После векторизации: доводка до товарного вида

Получить кривые — не финал. Чек‑лист доводки:

• Simplify (Ctrl+L в Inkscape) — убрать лишние узлы, поставленные на каждом пикселе.
• Выровнять геометрию. Почти‑круглые элементы замените честными кругами, почти‑прямые — прямыми: трассировка не знает, что дуга задумывалась идеальной, а вы знаете.
• Замкнуть контуры и убрать мусор. Приблизьте на 800% — найдёте микрофигуры-«пылинки» и разрывы контуров.
• Назначить точные цвета. Не цвета «как получились» после трассировки, а фирменные HEX из гайдлайна или исходного SVG (как их узнать — в статье про цвет).
• Прогнать через оптимизатор — финальный файл станет в разы легче по нашей инструкции по SVGO.
• Сравнить с оригиналом наложением — последняя проверка перед сдачей.

Векторизация нейросетями: состояние на 2026 год

Отдельного упоминания заслуживают ИИ‑векторизаторы — за пару лет они выросли из игрушки в рабочий инструмент для части задач. Модели, генерирующие SVG по растру, уже прилично справляются с плоскими знаками средней сложности: меньше «бусин» на кривых, чем у классической трассировки, осмысленные формы вместо слепой обводки пикселей. Слабые места прежние: текст (перенабирайте шрифтом всегда), тонкие декоративные детали и градиентные переходы. Практический режим: пробуйте ИИ‑вариант параллельно с Inkscape — и выбирайте лучший из двух как заготовку для ручной доводки. Этап доводки не отменяет ни один инструмент: чек‑лист выше одинаков для всех путей.

Коротко

Сначала ищите оригинальный вектор — он есть чаще, чем кажется. Не нашли: одноцветный простой знак — Inkscape Trace Bitmap плюс Simplify; всё остальное — ручная отрисовка поверх полупрозрачного исходника с перенабором текста. И в любом случае финальный файл — чистый SVG с точными фирменными цветами.

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