Что такое Трассировщик PNG в SVG?

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

Под типовые задачи готовы пять пресетов: Лого/Плоский, Иконка, Иллюстрация, Линейный набросок, Фото. Порог, сглаживание, детализация, число цветов, упрощение контуров и фильтр крапин вынесены в ползунки, так что можно дотягивать настройки до минимального числа путей без потери чёткости краёв. Переключатель «Инверсия» обрабатывает светлое на тёмном, а редактор цветовых слоёв позволяет скрыть шумные слои перед загрузкой. Плоская марка обычно укладывается в 5 КБ.

Как использовать

1. Загрузите PNG или JPG изображение, которое хотите векторизовать.
2. Настройте порог, сглаживание и уровень детализации для контроля качества трассировки.
3. Предварительно просмотрите результат в SVG и скачайте векторный файл.

Когда использовать

• Восстановить старый корпоративный логотип, если остался только PNG в низком разрешении.
• Готовить иконки для дизайн-системы так, чтобы они оставались чёткими и в 16, и в 256 пикселей.
• Превратить скан карандашного наброска в редактируемые векторные пути для Figma или Illustrator.

Результат

Дизайнер загружает PNG-логотип размером 200×200 пикселей. Трассировщик определяет контуры и генерирует чёткий SVG с плавными кривыми Безье, который выглядит безупречно даже на рекламном щите.

Частые вопросы

Получится ли пригодный SVG из фотографии?

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

Почему в результате так много мелких путей?

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

Чем отличаются порог и детализация?

Порог определяет, какие пиксели считать передним планом, а какие фоном (черно-белая граница). Детализация задаёт, насколько точно путь следует за краем пикселя уже после такого разделения. Высокий порог + низкая детализация дают чистый силуэт; низкий порог + высокая детализация ловят фактуру.

Можно ли сохранить исходные цвета?

Можно. Поднимите ползунок Цвета выше 2, и трассировщик квантует изображение в указанное число цветовых зон, каждая из которых становится отдельным SVG-путём со своей заливкой. Для плоских иллюстраций хорошо работают 2-6 цветов.

SVG всегда легче исходного PNG?

У логотипов и иконок почти всегда: PNG в 50 КБ часто превращается в 2-5 КБ SVG. У сложных иллюстраций SVG может оказаться тяжелее PNG, и тогда понижение детализации помогает уменьшить количество путей.

Похожие инструменты