Изображение в SVG v1.0

Векторизация изображения в SVG превращает пиксельную картинку в набор настоящих кривых Безье, которые можно масштабировать до любого размера и редактировать по узлам. Инструмент DocPivot принимает JPG, PNG, WebP, AVIF, GIF и BMP, поэтому искать отдельный конвертер под каждое расширение не нужно: все форматы обрабатывает один трассировщик. Логотипы, иконки, плоские иллюстрации и сканы штриховых рисунков получают цветные векторные контуры за несколько секунд. Обработка идёт целиком в браузере, без загрузки файла на сервер и без регистрации.

Обзор конвертера изображений в SVG от DocPivot

Основная функциональность

Инструмент трассирует растровое изображение и выдаёт SVG с реальными векторными путями, а не картинку, зашитую внутрь XML. Файл сначала декодируется средствами самого браузера, затем сводится к ограниченной палитре, после чего границы одноцветных областей превращаются в замкнутые контуры и аппроксимируются кубическими кривыми. На выходе вы получаете сгруппированный SVG: одна группа на цвет, один путь на фигуру, у каждого пути свой идентификатор. Если исходник лежит в нестандартном расширении, его сначала можно пропустить через конвертер изображений между форматами.

Целевые пользователи и сценарии использования

Чаще всего векторизация нужна дизайнерам, специалистам по фирменному стилю, сотрудникам рекламных производств и владельцам небольших мастерских. Дизайнер восстанавливает логотип, от которого остался только PNG из презентации. Менеджер рекламного агентства готовит макет, который типография принимает исключительно «в кривых». Мастер лазерного или плоттерного станка переводит эскиз в контуры, по которым пойдёт рез.

Проблема и решение

Основная проблема в том, что растровый логотип нельзя увеличить: на баннере или вывеске края превращаются в лесенку, а типография такой файл просто возвращает на доработку. Раньше выход был один: перерисовывать вручную в CorelDRAW или платить за услугу отрисовки от 1 500 ₽ за макет. Трассировка в браузере решает ту же задачу за несколько секунд, а результат сразу открывается в Illustrator, Inkscape и Figma для правки узлов.

Основные преимущества векторизации в SVG

• Любой растровый формат на одной странице. JPG, PNG, WebP, AVIF, GIF и BMP идут через один и тот же трассировщик, так что подбирать конвертер под расширение файла не приходится.
• Цвет сохраняется полностью. Многие бесплатные сервисы отдают чёрно-белый результат: цветная эмблема после них теряет фирменные оттенки. Здесь палитра остаётся цветной при любом пресете.
• Прозрачность не ломается. Прозрачные пиксели исключаются из расчёта палитры, поэтому логотип на прозрачном фоне не обрастает белой подложкой и не меняет долю альфа-канала.
• Компактный вес файла. На тестовом логотипе 500×220 результат занял 7 240 байт против 102 857 байт у одного из популярных бесплатных векторизаторов. Если исходный растр вам всё ещё нужен для сайта, отдельно пригодится сжатие изображений.
• Файл остаётся редактируемым. Каждый цвет лежит в своей группе, поэтому в редакторе можно выделить и перекрасить одну заливку, а не разбирать сплошную мешанину путей.
• Ничего не уходит на сервер. Трассировка выполняется на вашем устройстве, файл не покидает вкладку браузера.
• Обратимость результата. Готовый вектор в любой момент возвращается в растр через преобразование SVG в PNG, если нужен превью-файл для письма или мессенджера.
• Никаких лимитов и водяных знаков. Нет ежедневной квоты, пробных конвертаций и подписи поверх результата.

Ключевые функции трассировщика

• Четыре готовых пресета. «Логотип», «Клипарт», «Фото» и «Трафарет» сразу выставляют количество цветов, детализацию и уровень чистки, поэтому начинать можно без настройки.
• Количество цветов от 2 до 32. Палитра строится алгоритмом кластеризации k-means с детерминированной инициализацией, а близкие оттенки объединяются, чтобы не плодить лишние группы.
• Регулятор детализации от 0 до 10. Он управляет тем, насколько агрессивно упрощаются контуры: низкие значения дают мягкие обобщённые формы, высокие сохраняют мелкие изгибы.
• Удаление мусорных пятен. Области меньше заданной площади отбрасываются, что убирает артефакты JPEG и точки от сканирования.
• Фон можно оставить или убрать. Один переключатель отделяет объект от подложки, что особенно нужно для эмблем и иконок.
• Рабочее разрешение до 4000 пикселей. Трассировка идёт на уменьшенной копии, а полученные пути масштабируются обратно, и для вектора это проходит без потерь.
• Определение углов на 45 градусов. Острые стыки распознаются отдельно, поэтому прямые углы плашек и рамок не превращаются в скруглённые.
• Аппроксимация кривыми Безье. Контуры упрощаются алгоритмом Рамера, а затем подгоняются методом наименьших квадратов по исходной линии, а не по её огрублённой копии.
• Порядок фигур по площади. Крупные элементы выводятся первыми, поэтому вырезы и отверстия ложатся сверху и не заливаются сплошным цветом.
• Идентификатор у каждого пути. Это упрощает дальнейшую анимацию через CSS и подстановку через скрипты на сайте.
• Подготовка исходника перед трассировкой. Если картинка слишком тёмная или блёклая, поможет коррекция яркости и контраста, а для пресета «Трафарет» удобно заранее сделать перевод в оттенки серого.
• Работа с крупными исходниками. Слишком большие файлы разумнее заранее уменьшить через изменение размера изображения, чтобы трассировка шла быстрее.

Как работает конвертер изображений в SVG

1. Загрузите файл в формате JPG, PNG, WebP, AVIF, GIF или BMP. Браузер декодирует его собственными средствами, поэтому ничего доустанавливать не нужно.
2. Выберите пресет под тип картинки. «Логотип» даёт 8 цветов и рабочее разрешение 2400 пикселей, «Клипарт» 16 цветов, «Трафарет» всего 2 цвета для одноцветного контура.
3. При необходимости подвиньте ползунки цветов, детализации и чистки. Как только вы измените любой из них, подпись пресета сменится на «Свой».
4. Решите, оставить фон или убрать его. Для эмблемы под нанесение фон почти всегда лишний, а перед этим шагом иногда удобно сделать обрезку изображения по границе объекта.
5. Посмотрите предпросмотр и оцените контуры. Если края поплыли, поднимите детализацию, если появился мусор, увеличьте порог чистки.
6. Скачайте готовый SVG. Файл сразу открывается в Inkscape, Illustrator, CorelDRAW и Figma.

Когда использовать векторизацию изображения

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

• Восстановление старого логотипа. От бренда остался только PNG из презентации, а нужен исходник для наружной рекламы.
• Макет для типографии. Печатники требуют кривые, и растровая эмблема в макете становится причиной отказа.
• Резка и гравировка. Станок ведёт луч по контуру, поэтому растр он попросту не видит.
• Иконки для сайта. Вектор остаётся резким на любом экране и весит меньше набора растровых копий под разные плотности.
• Вышивка и шелкография. Программы для нанесения работают с контурами, а не с пикселями.
• Иконка сайта. Из чистого вектора удобно собрать набор размеров через генератор фавиконов.
• Схемы и чертежи из скана. Штриховой рисунок трассируется чище всего, потому что в нём почти нет полутонов.

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

Примеры использования

Отрисовка логотипа для наружной рекламы

Контекст: у небольшой сети кофеен от прежнего подрядчика остался только логотип в PNG шириной 800 пикселей.

• Загрузка PNG и выбор пресета «Логотип» с 8 цветами.
• Отключение фона, чтобы эмблема осталась на прозрачной подложке.
• Проверка контуров в предпросмотре и правка детализации.

Результат: вектор для вывески размером 3 метра без единого пикселя на краях.

Подготовка макета для гравировки

Контекст: мастерская получила от клиента эскиз в JPG и должна перевести его в контуры для лазера.

• Выбор пресета «Трафарет» с двумя цветами.
• Повышение порога чистки, чтобы убрать шум сжатия JPEG.
• Импорт SVG в CorelDRAW и проверка замкнутости контуров.

Результат: макет принимается станком без ручной перерисовки эскиза.

Иконки для интерфейса из старых спрайтов

Контекст: у команды разработки лежит набор иконок в WebP, а дизайн-система перешла на вектор.

• Перевод спрайтов в удобный формат через конвертацию WebP в PNG.
• Трассировка каждой иконки с пресетом «Клипарт».
• Переименование групп по цвету для подстановки через CSS.

Результат: иконки перекрашиваются темой оформления и остаются резкими на экранах с высокой плотностью.

Векторизация скана с печатью

Контекст: юристу нужен чистый контур оттиска печати для шаблона документа, а исходник это скан листа.

• Обработка скана прямо в браузере, без выгрузки файла наружу.
• Пресет «Трафарет» и высокая детализация для тонких линий.
• Дополнительная очистка исходника через удаление метаданных из фото.

Результат: чёткий вектор оттиска, который не расплывается при печати шаблона.

Почему фотографии плохо превращаются в SVG

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

Отсюда же вырастает главное заблуждение Рунета: многие ждут, что перевод в SVG уменьшит вес картинки. С логотипом это правда, а с фотографией всё наоборот, и SVG легко оказывается в десятки раз тяжелее исходного JPG. Правило простое: чем меньше в изображении полутонов, тем сильнее выигрыш от вектора.

Сравнение с популярными онлайн-векторизаторами

Замер сделан 21 августа 2026 года на одном файле: прозрачный PNG 500×220 с логотипом. На других изображениях цифры будут другими, но соотношение сохраняется.

CloudConvert растр в SVG не переводит вовсе: в его списке только векторные и шрифтовые источники. Отдельно стоит учитывать, что все перечисленные сервисы принимают файл на свой сервер, тогда как здесь обработка не выходит за пределы браузера.

Подготовка SVG для лазерной и плоттерной резки

Станки для резки принимают только векторные форматы, и SVG входит в их стандартный список наравне с CDR, DXF и EPS. Российские мастерские обычно требуют масштаб 1:1, замкнутые контуры и отсутствие лишних объектов в файле, а растровые файлы возвращают на векторизацию как отдельную платную услугу. Пресет «Трафарет» с двумя цветами даёт как раз тот результат, который ждёт оператор: чистый одноцветный контур без полутонов.

Что проверить перед отправкой в мастерскую:

• Замкнутость контуров: открытые линии станок не отработает как рез.
• Масштаб: размеры в файле должны совпадать с размерами готового изделия.
• Лишние узлы: избыточная детализация замедляет обработку и делает край рваным.
• Формат приёмки: если мастерская просит PDF, пригодится преобразование SVG в PDF.

Часто задаваемые вопросы