Бесплатно · без регистрации · JPG, PNG → SVG

Векторизация фото

Преврати растровое фото в масштабируемый SVG-вектор: цветной результат до 32 цветов или чёрно-белый силуэт. Настрой детализацию и сглаживание, сравни оригинал и вектор рядом. SVG тянется в любой размер без «лесенки» — идеально для логотипов и иконок.

Загрузка инструмента...

Цветной SVG-вектор

Трассировка до 32 цветов сохраняет палитру оригинала — для логотипов и цветной графики.

Любой размер без потери

Вектор масштабируется от иконки 16 px до баннера на стену — без «лесенки» и размытия.

Чёрно-белый режим

Силуэт или лайн-арт в 2 цвета — идеально для монохромных лого, эмблем и трафаретов.

Контроль детализации

Число цветов и сглаживание кривых — регулируй точность прямо в предпросмотре.

Убрать шум

Отсекай мелкие детали и артефакты — SVG получается чище, легче и аккуратнее.

Приватная обработка

Файл не сохраняется: обрабатывается в памяти и сразу отдаётся результатом.

Как векторизовать фото в SVG — 3 шага

1
Загрузи фото

Перетащи JPG или PNG в окно инструмента. Появится живой предпросмотр — оригинал и SVG-результат сразу видны рядом.

2
Настрой цвета и режим

Выбери режим «Цветной» (до 32 цветов) или «Чёрно-белый» (силуэт, лайн-арт). Отрегулируй число цветов для детализации, сглаживание кривых, «убрать шум» для мелких деталей и инверсию, если нужно.

3
Скачай SVG

Нажми «Скачать SVG» — трассированный вектор сохранится готовым файлом. Его можно открыть в любом редакторе и масштабировать без потери качества.

Вопросы о векторизации фото в SVG

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

Это обратные операции. Здесь мы делаем векторизацию: растр (JPG/PNG) → SVG-вектор, то есть строим формулы кривых по пикселям изображения. Инструмент «SVG в PNG» делает наоборот — растеризует готовый вектор в обычную картинку. Если у вас уже есть SVG и его надо превратить в PNG, вам нужен именно тот, обратный инструмент.

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

SVG — векторный формат: картинка описана линиями и кривыми, а не пикселями. Поэтому она масштабируется в любой размер — от иконки 16 px до баннера на всю стену — без потери качества и «лесенки» на краях. Растровое фото при увеличении размывается и рассыпается на пиксели, а вектор остаётся идеально чётким.

Он трассирует изображение в 2 цвета — получается силуэт или лайн-арт. Это идеально для монохромных логотипов, эмблем, иконок и заготовок под лазерную резку, вышивку или трафарет. Цветной режим (до 32 цветов) сохраняет цвета оригинала — для более сложной графики.

«Сглаживание» скругляет кривые, чтобы контуры получались плавными, а не угловатыми. «Убрать шум» отбрасывает мелкие детали и артефакты — это уменьшает количество лишних фигур в SVG и делает файл легче и чище. Настраивайте их под свою картинку прямо в предпросмотре.

Результат — это SVG-файл. Его можно открыть в браузере, Figma, Illustrator, Inkscape и других редакторах, редактировать как вектор, перекрашивать и масштабировать без потерь. Если после векторизации нужен растр — прогоните SVG через обратный инструмент «SVG в PNG».

Нет. Изображение обрабатывается в памяти на время запроса и сразу возвращается результатом — ничего не хранится и не логируется.

Это только один из инструментов Gobanana

Под капотом — полноценный ИИ-редактор: нейрофотосессии, карточки для Wildberries и Ozon, замена фона, реставрация старых снимков — текстовой командой на русском, за 30 секунд.

Бесплатно · без установки · 3 генерации в подарок при регистрации

Что такое векторизация и зачем она нужна

Векторизация (трассировка) — это перевод растрового изображения в векторный формат SVG. Растр (JPG, PNG) состоит из пикселей: при увеличении картинка размывается и распадается на квадратики. Вектор описан линиями и кривыми — математическими формулами, поэтому масштабируется в любой размер без потери качества и «лесенки» на краях. Наш движок трассировки (imagetracerjs) строит эти кривые по областям цвета на вашем фото.

Когда векторизация решает задачу:

  • Логотип — заказчик прислал лого картинкой, а нужен вектор для печати и масштабирования.
  • Иконка — простая графика, которая должна быть чёткой и в 16 px, и в 512 px.
  • Силуэт / лайн-арт — контурное изображение для дизайна, стикеров, трафаретов.
  • Заготовка для производства — лазерная резка, плоттер, вышивка и гравировка работают с векторными контурами.
  • Печать без ограничения размера — SVG остаётся резким на баннере любого формата.

Когда SVG лучше растра — и когда нет

Вектор — не универсальная замена растру. Он выигрывает на простой графике и проигрывает на сложных фото. Будьте честны с исходником:

ИзображениеSVG или растрПочему
Логотип, эмблема, иконкаSVGМало цветов, чёткие области — вектор идеален и лёгкий
Силуэт, контур, лайн-артSVGЧ/б режим даёт чистые кривые для дизайна и производства
Простая иллюстрация, флаг, знакSVGПлоские заливки хорошо трассируются в аккуратный вектор
Портрет, лицо крупным планомРастрТысячи оттенков → SVG теряет реализм или становится тяжёлым
Фотография, пейзаж, текстураРастрПлавные градиенты нельзя описать кривыми без потерь

Если ваша цель — сложное фото, оставьте его в растре или используйте инструменты сжатия и изменения размера. Векторизация раскрывается именно на графике с ограниченной палитрой.

Цветной и чёрно-белый режим — что выбрать

РежимЦветаКогда брать
ЦветнойДо 32Цветные логотипы, иконки, простые иллюстрации — сохраняет палитру оригинала
Чёрно-белый2 (силуэт / лайн-арт)Монохромные лого, эмблемы, контуры, трафареты, заготовки под резку и вышивку

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

Настройки трассировки: как получить чистый вектор

  • Число цветов (детализация) — сколько оттенков оставить. Меньше цветов → проще и легче SVG; больше → ближе к оригиналу, но тяжелее файл.
  • Сглаживание кривых — скругляет контуры, убирает угловатость. Полезно для плавных логотипов и силуэтов.
  • Убрать шум — отбрасывает мелкие детали и артефакты, чтобы в SVG не попадали лишние крошечные фигуры. Делает файл чище и легче.
  • Инверсия цветов — меняет светлое и тёмное местами. Удобно, когда объект тёмный на светлом фоне (или наоборот) и трассировка «цепляется» не за то.

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

Сценарии применения векторизации

СценарийРежимЧто важно
Логотип для печатиЦветной / ч-бМасштаб без потери — вектор резкий на визитке и на баннере
Иконка приложения / сайтаЦветнойЧёткость и в 16 px, и в 512 px; малое число цветов
Наклейка, стикерЦветнойАккуратные контуры под контурную резку плоттером
Печать любого размераЛюбойSVG не рассыпается на пиксели при увеличении
Лазерная резка / гравировкаЧ-бДвухцветный контур = готовые пути для станка
Вышивка, трафаретЧ-бЧистый силуэт без шума, легко перевести в контуры

Приватность

Файл нигде не сохраняется: изображение обрабатывается в памяти на время запроса и сразу отдаётся SVG-результатом — ничего не хранится и не логируется.

Что дальше

  • Из векторизованного лого сделай иконку сайта в генераторе favicon.
  • Нужен обратный переход — готовый SVG в PNG/JPG/WebP делает отдельный инструмент растеризации.
  • Хочешь вытащить точные цвета исходника — используй палитру цветов из фото.
  • Конвертируешь обычные фото между форматами — там отдельный инструмент конвертации.