ImageGPTImageGPT
Инструкции6 мин чтения

Как перевести PNG в SVG: бесплатная трассировка или ИИ-векторизатор

Один логотип, 3 версии и увеличение в 8 раз: где в PNG видны пиксели, что оставляет после себя бесплатная трассировка и чем отличается результат ИИ-векторизатора.

Эмблема с глиняной лисой рядом с её каркасным изображением из плавных кривых и опорных точек
Содержание

Рано или поздно любой небольшой бизнес обнаруживает, что его логотип существует только в PNG. Типографии для баннера нужен векторный файл. Cricut или лазерному резаку нужны контуры, по которым можно резать. А PNG, который хорошо смотрелся в подписи к письму, на большом экране выглядит размытым. Переименовать logo.png в logo.svg не поможет: SVG описывает изображение фигурами и кривыми, а не пикселями. Поэтому сначала нужно обвести контуры.

В разделе «Конвертеры и сжатие» на ImageGPT есть вкладка «В SVG» с 2 способами конвертации. «ИИ-векторизатор» использует модель Recraft Vectorize и строит чистые контуры — почти как дизайнер. «Быстрая трассировка» бесплатна, работает прямо в браузере и подходит для простых логотипов и иконок.

Круглая эмблема: улыбающаяся лиса держит зелёную чашку кофе; оранжевый контур, тёмно-синий фон
PNG
Та же эмблема в SVG после обработки ИИ-векторизатором: плавные контуры и те же цвета
ИИ-векторизатор
Та же эмблема в SVG после быстрой трассировки: цвета сохранились, вдоль краёв линий видны тонкие светлые полоски
Быстрая трассировка, 8 цветов
Для сравнения мы сгенерировали тестовый логотип размером 512 × 512 px с помощью ИИ. Издалека все 3 версии похожи; разница заметна при увеличении.

PNG и SVG при увеличении

PNG — это сетка пикселей. Если сильно увеличить картинку, края становятся ступенчатыми и размытыми. SVG хранит фигуры: круг такого-то цвета, кривую от одной точки до другой. Растяните его на билборд или уменьшите до фавиконки — края останутся чёткими. Вот как выглядит мордочка лисы из логотипа выше при увеличении в 8 раз:

Мордочка лисы из PNG при увеличении: вокруг глаз, носа и улыбки заметны пиксели
PNG ×8
Та же мордочка из SVG, созданного ИИ: ровные края и плавные кривые
ИИ-SVG ×8
Та же мордочка из SVG после трассировки: чёткие, но местами угловатые края; вдоль улыбки видны зелёные и белые фрагменты
SVG после трассировки ×8
У PNG видны пиксели. У версии, созданной ИИ, края ровные и чистые. Результат трассировки — тоже настоящий вектор, но он повторяет границы пикселей как есть. Поэтому сглаживание вдоль линий превратилось в случайные зелёные и белые фрагменты.

Какой способ выбрать

ПараметрИИ-векторизаторБыстрая трассировка
Где работаетНа нашем сервере, модель Recraft VectorizeВ вашем браузере
Цена2 кредитов за изображениеБесплатно
АккаунтНуженНе нужен
ЦветаПодбирает модельЧёрно-белый, 4, 8, 16 или 32 цвета
Лучше всего подходит дляЛоготипов, иконок и иллюстраций, которым нужны чистые линииПростой графики, силуэтов, надписей и штампов
Размер SVG в нашем тесте15 КБ119 КБ при 8 цветах

ИИ-модель отличает контур от шума и артефактов JPG, поэтому создаёт меньше контуров и узлов. Файл получается легче — в нашем примере в 8 раз. Трассировка точно обводит каждый участок цвета, включая полупрозрачные пиксели по краям. Для изображения с 2–3 цветами этого достаточно. Если логотип пойдёт в печать, выбирайте ИИ.

Чёрно-белый режим — для одноцветных изображений

У «Быстрой трассировки» есть режим «Чёрно-белый». Он отлично подходит для подписи, штампа, силуэта или рисунка тушью — всего, что изначально выполнено в 1 цвете. Цветной логотип в этом режиме теряет детали: оранжевые и тёмно-синие части нашей лисы слились в 1 тон, а глаза и нос исчезли.

Эмблема с лисой после чёрно-белой трассировки: тёмный круг со светлыми ушами, щеками и чашкой, без глаз и носа
Тот же логотип в режиме «Чёрно-белый». SVG весит всего 7 КБ, но для цветной эмблемы этот режим не подходит.

Перед началом

  • Возьмите самую большую версию изображения, которая у вас есть. Чем больше пикселей вдоль контуров, тем точнее трассировка.
  • Подготовьте чистый логотип: обрежьте поля и удалите фон, если он не должен попасть в векторный файл.
  • Определитесь, для чего нужен файл. Для печати, резки и вышивки выбирайте ИИ; для иконки в презентации хватит трассировки.
  • Векторизовать можно и фотографию, но результатом будет стилизованное изображение из однотонных цветовых пятен, а не фото.

Пошаговая инструкция

  1. Откройте раздел «Конвертеры и сжатие» и вкладку «В SVG» или перейдите на страницу конвертации PNG в SVG, где этот инструмент уже встроен.
  2. Добавьте изображение в формате PNG, JPG или WEBP.
  3. Выберите «ИИ-векторизатор» или «Быструю трассировку». Для трассировки укажите количество цветов.
  4. Нажмите «Векторизовать». Трассировка будет готова почти мгновенно; ИИ потребуется несколько секунд.
  5. Скачайте SVG и откройте его в Figma, Illustrator или Inkscape. Также подойдут Cricut Design Space и программа для вашего лазерного резака.

Попросите Ассистента

Вы также можете прикрепить картинку в чате с Ассистентом ImageGPT и описать задачу. Для простой графики он запустит бесплатную трассировку. Если важно качество — например, для печати, градиентов или фотографий, — он предложит ИИ-векторизатор и покажет цену до запуска обработки. Например:

Промпт

Преврати этот логотип в SVG.

Промпт

Векторизуй этот логотип с помощью ИИ: он пойдёт на печатный баннер.

Полезно знать

  • Результаты работы ИИ сохраняются в вашей истории, как и другие сгенерированные материалы.
  • Очень большие изображения перед отправкой в Recraft уменьшаются до 4096 px по длинной стороне, а крошечные иконки увеличиваются, чтобы модели было что обводить.
  • Быстрая трассировка работает с изображениями до 1000 px по длинной стороне: большее число пикселей почти не улучшает результат, зато замедляет обработку.
  • Текст в логотипе превращается в контуры. Выглядит он так же, но редактировать его как текст уже нельзя.
  • Скрипты и внешние ссылки удаляются из SVG, поэтому файл можно безопасно открывать где угодно.

Стоимость

Быстрая трассировка бесплатна, и аккаунт для неё не нужен. ИИ-векторизатор стоит 2 кредитов за изображение; плата списывается только при успешной обработке. Новые аккаунты получают 6 бесплатных кредитов.

Добавьте логотип или иконку и получите SVG.

Перевести в SVG

Примеры и ответы на частые вопросы — на странице инструмента.

Конвертер PNG в SVG
Попробуйте сами

Повторите всё из статьи за пару минут

Все модели и инструменты из статьи доступны в одном сервисе. После регистрации начисляется 6 бесплатных кредитов, а цена каждого действия видна до запуска.

Перевести в SVG

Читайте также