Векторизация изображения в SVG

Растр в SVG: контуры из PNG и JPG

Источник

Перетащи картинку сюда или нажми · PNG · JPG · GIF · BMP · WebP

Параметры

Режим
Порог черного 128
Сглаживание 1.0
Убрать мусор 12
Качество (апскейл)
Здесь появится векторный результат Загрузи изображение слева

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

Векторизация изображения

Инструмент строит векторные контуры по растровому изображению (PNG, JPG и другим форматам). На выходе - SVG, который масштабируется без потери четкости и открывается в любом редакторе.

Это обратное преобразование по сравнению с конвертерами SVG в PNG или JPG: тут из пикселей собираются кривые, поэтому итог сильно зависит от исходника.

Что важно учитывать

Лучший результат трассировка дает на:

Фотографии обычно дают много лишних узлов и требуют ручной доработки. Режим "Линия Ч/Б" подходит для одноцветного контура, а "Цвет" - когда важно сохранить несколько заливок.

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

  1. Загрузите растровое изображение

    Перетащите PNG, JPG, GIF, BMP или WebP в область загрузки либо выберите файл через диалог.

  2. Выберите режим

    Линия Ч/Б трассирует один контур по порогу яркости, режим Цвет раскладывает картинку на заданное число цветов.

  3. Настройте контур

    Порогом черного или числом цветов задайте детализацию, а ползунками "Сглаживание" и "Убрать мусор" уберите лишние мелкие узлы.

Вопросы и ответы

Идеально не выйдет: на фото трассировка плодит тысячи узлов и файл распухает. Формат создан для логотипов, иконок и штриховых рисунков с четкими контурами, а фото разумнее оставить в JPG.

Ч/Б строит один контур по порогу яркости и подходит для штриховых логотипов и подписей. Режим "Цвет" раскладывает картинку на заданное число цветов и сохраняет несколько заливок.

Поднимите ползунок "Убрать мусор" - он выкидывает совсем мелкие фигуры, а "Сглаживание" округляет ломаные края. Так путей становится меньше, а файл легче.

Да, при включенной галочке "Без фона" область вокруг фигуры остается прозрачной. Снимите ее, если нужна сплошная подложка.