Как векторизовать логотип

Каждый пиксель исходника — информация, которую получает в своё распоряжение движок векторизации, а у логотипа, вытащенного с веб-страницы, этих пикселей очень мало. Перед конвертацией потратьте две минуты на поиск версии покрупнее: папка favicon на сайте клиента, старый PDF-счёт или презентация (откройте и экспортируйте логотип в 300 dpi — возможно, он уже вектор), печатная брошюра, которую можно отсканировать, или подпись в письме человека, который работает там давно.

Если из всего существует только JPG на 200 пикселей — всё равно конвертируйте, но рассчитывайте чистить. В таком размере у букв уже не осталось чётких краёв, которые можно найти: каждая граница — градиент шириной в два-три пикселя, и движок добросовестно воспроизведёт эту мягкость чуть бугристыми кривыми.

У JPG есть проблема, которой нет у PNG, — артефакты сжатия. Блочный ореол вокруг высококонтрастных краёв на глаз незаметен, а детектор краёв видит его отлично и принимает за детали, которые затем трассируются. Если ваш исходник — JPG, сохранённый в низком качестве, именно эта кайма — главное, что отделяет вас от чистого результата.

Логотип из двух цветов должен вернуться в виде двух плоских заливок. Откройте результат в Illustrator, Inkscape, Affinity или Figma и посмотрите, сколько в нём на самом деле отдельных фигур. Одна эта проверка ловит почти любую проблему, которую стоит ловить: если плоский тёмно-синий логотип приехал в виде одиннадцати почти одинаковых синих, в исходнике был шум сжатия или мягкая тень, и всё дальнейшее — перекраска, цветоделение, печатные формы типографии — превратится в борьбу.

Когда заливок по количеству столько, сколько надо, а по значению не те, — это ожидаемо и лечится легко. Движок векторизации снимает пробу с того, что реально есть в изображении, то есть с того, что оставили JPEG-сжатие и цветовой профиль скриншота: фирменный #003C71 возвращается как #023E70. Выберите каждую заливку и вручную задайте настоящий hex- или Pantone-цвет. Две минуты — и это разница между логотипом, который совпадает с брендбуком, и логотипом, который почти совпадает.

Трассированные буквы никогда не так хороши, как настоящий шрифт. Они близки — часто настолько, что на визитке никто не заметит, — но в размере билборда разница между настоящей кривой и трассированным её приближением — ровно то место, куда смотрит глаз. Штрихи гуляют на доли миллиметра, концевые элементы округляются, а межбуквенные расстояния заморожены в том виде, в каком были в исходной картинке.

Поэтому определите гарнитуру и наберите текст по-настоящему. WhatTheFont, Matcherator от Font Squirrel и собственный подбор шрифтов Adobe опознают большинство коммерческих гарнитур по чистому фрагменту. Затем векторизуйте только знак или монограмму, а текстовую часть наберите живым текстом рядом — заодно логотип потом можно перевёрстать в другом размере или с другой разрядкой, ничего не переделывая.

Если гарнитуру опознать не удалось, она заказная или сильно переработана — трассируйте и текст, но потратьте время на две-три буквы, которые несут больше всего веса. Никто не рассматривает строчную «n»; все смотрят на заглавную.

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

Чего вы не получите, так это EPS, PDF, DXF и AI. Конвертера ни в один из этих форматов в пайплайне нет, а запрос такого формата API отклоняет сразу, а не принимает, чтобы тихо провалиться позже.

Это важно ровно в одной ситуации: старая мастерская шелкографии или наружной рекламы, чей RIP не знает SVG и просит EPS по имени. Откройте SVG в Illustrator, Inkscape или Affinity и сохраните тот файл, что просят, — это одно нажатие на тех же контурах, и ваш редактор делает этот шаг лучше, чем сделал бы какой-нибудь сервис конвертации.