Гайды

4 мин чтенияMarkdown

Превратить изображение в SVG, который можно редактировать

Vectorize превращает логотип, иконку или плоскую иллюстрацию в настоящие векторные контуры. В чём он хорош, что испортит и когда сразу рисовать вектор.

Vectorize берёт растровое изображение из пикселей и возвращает SVG: файл из контуров, кривых и заливок, а не сетку цветных точек. Растяните его до размера билборда — ничего не размоется, потому что размываться нечему.

Ни промпта, ни модели, которую надо выбирать. Вы даёте ему одно изображение, он отдаёт один файл.

Для чего он на самом деле

Честная область применения уже, чем «любое изображение», и знание её границ сэкономит вам и кредит, и разочарование.

Он работает с графикой, которая уже плоская:

  • Логотип, который есть у вас в PNG, а нужен в векторе, потому что так просит типография.
  • Иконка или пиктограмма: один-два цвета, жёсткие края, никаких градиентов.
  • Плоская иллюстрация: линейный рисунок, значок, монограмма, логотип-надпись.
  • Скриншот графика или схемы из блоков и линий.

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

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

Дайте ему самый чистый исходник, какой у вас есть

Трассировщик идёт по краям. Всё, что размывает край в исходнике, становится дрожью в контуре.

Начинайте с самой крупной версии, какая есть. Логотип в 200 пикселей, увеличенный в вашем воображении, для трассировщика остаётся логотипом в 200 пикселей, и каждая «лесенка» на его диагоналях становится узлом. Если единственная копия маленькая, сначала прогоните Upscale и векторизуйте результат. Этот порядок важен: увеличивать SVG бессмысленно, и дополнительное разрешение может взяться только из увеличения растра.

Если есть фон, сначала уберите его. Логотип, лежащий на фотографии стола, трассируется вместе со столом. Remove background возвращает прозрачность, а прозрачность трассируется как ничто, а не как фигура.

Предпочитайте PNG, а не JPEG. Сжатие JPEG оставляет слабые ореолы вокруг каждого жёсткого края — ровно там, куда смотрит трассировщик. На плоском логотипе эти артефакты невидимы для вас и отлично видны алгоритму.

Уберите из исходника падающие тени и свечения. Мягкая тень — это градиент, а оттрассированный градиент становится стопкой почти одинаковых фигур. Уберите её в растре и добавьте обратно в векторном редакторе, где она стоит один атрибут.

Что вы получаете и что с этим можно делать

Результат попадает в вашу библиотеку как SVG. Откройте его в любом векторном редакторе — Illustrator, Figma, Affinity или Inkscape, — и контуры там настоящие: их можно выделять, редактировать, перекрашивать.

Две вещи, которые стоит о нём знать внутри студии:

  • SVG нельзя использовать как референсное изображение. Любой другой результат инструмента можно вернуть в генерацию как референс; этот — нет, потому что модели принимают растр. Если хотите вернуть векторизованный вид в картинку, экспортируйте PNG из редактора и загрузите его.
  • Это готовый ассет, а не промежуточный. Векторизуют обычно для того, чтобы уйти — в файл для печати, набор фавиконок, иконку приложения или режущий плоттер, — и студия вполне готова быть местом, где он был сделан, а не местом, где он живёт.

Когда что-то идёт не так

Контуры — месиво из крошечных фрагментов

В исходнике был шум, артефакты сжатия или градиент. Каждое из них становится геометрией.

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

Цвета близки, но не точны

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

Решение: откройте SVG и выставьте заливкам ваши настоящие hex-значения. В любом редакторе это работа на тридцать секунд, и это последнее, что стоит между трассировкой и пригодным ассетом.

Текст вернулся фигурами, а не текстом

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

Решение: наберите текст в редакторе поверх оттрассированного знака, а знак оставьте как графику.

Другая дорога: сразу нарисовать вектор

В каталоге есть модель для изображений, которая сразу выдаёт SVG: вы описываете знак, и она возвращает контуры — без растрового этапа и без трассировки.

Какую дорогу выбрать, зависит от того, что у вас уже есть:

  • У вас есть знак, и он должен остаться ровно этим знаком → vectorize. Это конвертация, она точна и стоит малую долю генерации.
  • Вы хотите знак, но ещё не определились с ним → сгенерируйте вектор. Вы получите дизайн, а не транскрипцию, и можете попросить пять направлений и выбрать.

Хвататься за vectorize, чтобы придумать логотип, — всё равно что просить ксерокс быть иллюстратором. Хвататься за модель, чтобы сконвертировать уже имеющийся логотип, — всё равно что просить иллюстратора обвести, и он будет импровизировать там, где вам нужна точность.

Каждый инструмент — одно нажатие в студии.

Без промпта и без выбора модели. Выберите инструмент, перетащите файл — и готовая версия появится в библиотеке рядом со всем остальным.

Дальше: Готовые рецепты · Что даёт один кредит

Зарегистрироваться