Умеет ли ChatGPT создавать SVG-файлы?

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

А картинки, которые рисует его генератор изображений, — файлы совсем другого рода. Это растровые изображения из пикселей, и то же самое относится к картинкам Midjourney и Gemini. Например, в руководстве OpenAI по генерации изображений в качестве выходных форматов указаны PNG, JPEG и WebP. Чтобы превратить такую картинку в векторные контуры, ее нужно векторизовать: найти цветовые области и обвести их контурами.

Какие ИИ-картинки хорошо векторизуются

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

  • плоские сплошные цвета;
  • жирные четкие контуры;
  • мало цветов;
  • никаких градиентов, мягких теней и текстуры;
  • однотонный или прозрачный фон;
  • крупное изображение без мелкого текста.

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

Мультяшное тако в солнечных очках, нарисованное генератором изображений в PNG, и SVG, полученный из него трассировкой, рядом

Картинка, которую нарисовал генератор изображений нашей студии логотипов (слева, PNG), и SVG, полученный из нее трассировкой (справа). Плоские заливки, жирные контуры и однотонный фон: получилось 40 контуров.

Промпт для картинок, которые чисто векторизуются

Добавьте в промпт такие фразы:

  • «плоская иллюстрация»
  • «4 сплошных цвета»
  • «без градиентов, без теней, без текстуры»
  • «толстые четкие контуры»
  • «однотонный белый фон»
  • «без текста»

Например:

Плоская иллюстрация головы лисы, 4 сплошных цвета, без градиентов, без теней, без текстуры, толстые четкие контуры, по центру на однотонном белом фоне, без текста

Результат всё равно будет PNG или другим растровым файлом: стиль лишь помогает чисто его векторизовать. Некоторые генераторы умеют делать прозрачный фон, если об этом попросить; например, в руководстве OpenAI по генерации изображений описана опция прозрачного фона. Если ваш генератор так не умеет, попросите однотонный фон одного цвета и включите «Удалить фон» при конвертации.

Как конвертировать ИИ-картинку в SVG

  1. Скачайте картинку из ИИ-сервиса. Подходят PNG, JPG и WebP, так что файл .webp не нужно предварительно конвертировать.
  2. Загрузите его в окно на этой странице.
  3. Выберите пресет: Стандарт для большинства картинок, Cricut / винил, если будете резать (PNG в SVG для Cricut и Silhouette), или Контурный рисунок / трафарет для черно-белых.
  4. Поставьте ползунок Цветов, до на число цветов, которое вы указали в промпте, плюс один, если на картинке остается непрозрачный фон (или включите Удалить фон).
  5. Проверьте бесплатный предпросмотр с водяным знаком — без регистрации — и запустите трассировку заново, если фигуры получились не те.
  6. Разблокируйте чистый SVG за 1 кредит (при регистрации вы получаете 3 бесплатных кредита).

Изображения больше 2048 px по длинной стороне перед трассировкой уменьшаются до этого размера.

Вопросы

Трассировка использует ИИ?

Нет. Трассировка — это не ИИ: она группирует пиксели в плоские цвета и обводит каждый цвет прямыми отрезками и кривыми. Изображений она не генерирует.

Почему моя ИИ-картинка скачалась в WebP?

Некоторые ИИ-сервисы сохраняют картинки в WebP — компактном формате изображений. png2svg.art принимает WebP как есть, так что файл можно загрузить без конвертации; см. WebP в SVG.

Можно ли продавать SVG, сделанный из ИИ-картинки?

Это зависит от прав, которые png2svg.art не контролирует. У вас остаются права на изображение, которые у вас уже есть, а условия ИИ-сервиса, которым вы пользовались, продолжают действовать — проверьте их. Собственной лицензии png2svg.art не дает.

Сколько цветов выбрать?

Столько, сколько вы указали в промпте, плюс один, если на картинке остается непрозрачный фон (или включите «Удалить фон»). Ползунок — от 2 до 24; если два нужных цвета слились в один, прибавьте еще один. Подробнее — в руководстве о том, сколько цветов нужно векторизованному SVG.