PNG в SVG v1.0

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

Обзор конвертера PNG в SVG от DocPivot

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

Инструмент выполняет полноценную трассировку, а не переупаковку файла. Он разбирает PNG на цветовые области, сшивает их границы в замкнутые контуры и подгоняет под контуры кубические кривые Безье. На выходе получается SVG, где каждая фигура записана отдельным элементом path с собственным идентификатором, а пути сгруппированы по цветам. Большинство бесплатных сервисов вместо этого кладёт исходный растр внутрь тега svg строкой base64 и выдаёт результат за вектор.

Кому нужен этот инструмент

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

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

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

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

• Цвет сохраняется полностью. Трассировщик работает с палитрой до 32 цветов, поэтому фирменный оттенок остаётся фирменным. Бесплатный режим Convertio на том же тестовом логотипе отдал битональный результат: одна чёрная заливка вместо брендового цвета.
• Прозрачность не искажается. Прозрачные пиксели исключаются из палитры на этапе квантования, поэтому альфа-канал переносится один в один. На тестовом файле с 32 % прозрачности FreeConvert раздул этот показатель до 42 %, то есть подъел края изображения.
• Файл получается компактным. Логотип 500×220 в тесте от 21 августа 2026 года превратился в 7 240 байт и восемь путей. У FreeConvert тот же исходник дал 102 857 байт и 964 пути, то есть в четырнадцать раз тяжелее.
• Обработка идёт локально. Файл не покидает вкладку браузера: нет загрузки, нет очереди на сервере. Неанонсированный ребрендинг остаётся на вашей машине.
• Результат воспроизводим. Инициализация палитры детерминирована, поэтому один и тот же PNG всегда даёт одну палитру, а предпросмотр не мерцает при движении ползунков.
• Масштаб без ограничений. Один SVG одинаково корректно отрисуется и на фавиконке 16×16, и на трёхметровом баннере. Если параллельно нужен набор растровых иконок под старые браузеры, его соберёт генератор фавиконов.
• Ничего не заблокировано оплатой. Единственный сервис сопоставимого качества из проверенных, Vectorizer.AI, отдаёт скачивание только по подписке за 9,99 $ в месяц.
• Понятный выходной код. SVG остаётся текстовым файлом: он правится в редакторе кода и вставляется в вёрстку без обёрток. Для лёгкого растрового варианта подойдёт конвертация PNG в WebP.

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

• Четыре готовых пресета. «Логотип», «Клипарт», «Фото» и «Трафарет» задают сразу все параметры, поэтому в базовом виде интерфейс сводится к выбору чипа и кнопке.
• Количество цветов от 2 до 32. Ползунок управляет палитрой квантования: два цвета дают силуэт, восьми хватает почти любому логотипу, шестнадцать нужны сложному клипарту.
• Детализация от 0 до 10. Параметр регулирует упрощение контура: на высоких значениях сохраняются тонкие засечки шрифта, на низких форма огрубляется и путей становится меньше.
• Отсечение мелкого мусора. Порог удаления убирает области меньше заданной площади, что снимает крапинки, которые остаются после сжатия JPEG или скриншота. Если мусор сосредоточен по краям кадра, проще заранее обрезать изображение.
• Фон сохраняется или убирается. Переключатель решает, попадёт ли подложка в вектор отдельной фигурой или логотип останется на прозрачном холсте.
• Рабочее разрешение от 200 до 4000 пикселей. Трассировка считается на уменьшенной копии, а готовые контуры масштабируются обратно, поскольку увеличение вектора бесплатно и не теряет качества. Подогнать сам растр под нужный размер поможет изменение размера изображений.
• Определение углов. Точки, где направление контура меняется больше чем на 45 градусов, не сглаживаются, поэтому прямоугольные элементы остаются прямоугольными.
• Подгонка кривых по исходному контуру. Углы ищутся на упрощённой линии, а кривые подбираются по исходной: подгонка по упрощённой версии заметно ухудшает точность.
• Группировка по цветам. Каждый цвет становится отдельной группой с путями и идентификаторами, так что в Figma слои открываются структурой, а не единым комом.
• Порядок отрисовки от большего к меньшему. Крупные фигуры пишутся первыми, поэтому внутренние отверстия ложатся поверх заливки и не заплывают. Когда нужен просто монохромный растр без векторизации, быстрее обесцветить изображение.

Как работает конвертер PNG в SVG в DocPivot

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

Когда использовать конвертер PNG в SVG

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

• Восстановление логотипа. Единственный уцелевший PNG превращается в масштабируемый знак для фирменного стиля.
• Подготовка к печати. Наружная реклама, вывески, тиснение и шелкография требуют контуров, а не растровой сетки.
• Плоттерная и лазерная резка. Станок с ЧПУ читает пути, поэтому растровый файл ему передать нельзя в принципе.
• Иконки в интерфейсе. Векторная иконка остаётся резкой на любой плотности экрана и красится через CSS без экспорта новых размеров.
• Инфографика для маркетплейсов. Знак бренда на карточке Wildberries или Ozon пересобирается под каждый шаблон без потери качества.
• Анимация и интерактив. Отдельные пути с идентификаторами адресуются из CSS и JavaScript, чего растр не позволяет.
• Документы и презентации. Векторный знак не мылится при зуме страницы.

Отдельный пограничный случай, это скан или фотография рисунка. Такую графику иногда удаётся вытянуть пресетом «Трафарет», но результат нужно смотреть глазами. Если вектор в итоге не нужен, а требуется обычная растровая копия, её отдаст конвертация SVG в JPG.

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

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

Контекст: у салона остался только PNG логотипа шириной 600 пикселей из макета пятилетней давности.

• PNG загружается в конвертер, выбирается пресет «Логотип».
• Палитра ограничивается четырьмя цветами, лишние оттенки антиалиасинга уходят.
• Готовый SVG передаётся в рекламное агентство.

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

Иконки для карточек на Wildberries

Контекст: продавец собирает инфографику и использует один набор пиктограмм в шести разных размерах.

• Каждая иконка трассируется пресетом «Клипарт» с 16 цветами.
• Векторы вставляются в шаблон карточки и масштабируются под каждый слот.
• Поверх итоговых изображений при необходимости ставится водяной знак на изображение.

Результат: один набор файлов закрывает всю линейку карточек, пересъёмка и переэкспорт растра больше не нужны.

Макет для лазерной резки

Контекст: мастерская получает от заказчика орнамент в PNG, а станок принимает только векторные контуры.

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

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

Знак компании в фирменной документации

Контекст: ИП собирает шаблоны договоров и счетов, куда логотип вставляется в разном масштабе.

• Логотип трассируется с восемью цветами и включённым удалением фона.
• SVG вставляется в шаблон и остаётся резким при любом зуме.
• Для рассылки контрагентам страница сводится в вектор через конвертацию SVG в PDF.

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

Настоящий вектор и картинка в обёртке: как отличить

Значительная часть бесплатных сервисов, обещающих PNG в SVG, ничего не трассирует. Они берут исходный растр, кодируют его в base64 и вставляют строку внутрь тега svg. Файл получает расширение .svg и открывается в браузере, но масштабируется ровно так же плохо, как исходный PNG, и редактировать в нём нечего.

Проверка занимает полминуты. Откройте файл в текстовом редакторе. Если внутри лежат элементы path с длинными последовательностями координат, это вектор. Если внутри одна строка вида «data:image/png;base64,» и дальше несколько десятков тысяч символов, это обёртка. Второй признак, это вес: настоящая трассировка логотипа даёт единицы килобайт, обёртка весит примерно столько же, сколько исходный PNG. Если base64 нужен вам осознанно, например для инлайна в CSS, лучше воспользоваться отдельным инструментом и перевести изображение в Base64 напрямую.

Сравнение с другими сервисами

Один и тот же прозрачный PNG размером 500×220 пикселей был прогнан через пять сервисов 21 августа 2026 года. Ниже результат.

Цены и функции у сторонних сервисов меняются, поэтому таблица отражает срез на конкретную дату.

Чего конвертер не сделает

Фотографии трассируются плохо, и это ограничение самой технологии, а не конкретной реализации. Непрерывные градиенты, кожа, листва, размытый фон при квантовании распадаются на десятки лоскутных областей, файл раздувается, а сходство теряется. Пресет «Фото» существует для стилизации под постер, а не для точного воспроизведения снимка.

Текст на изображении превращается в контуры букв, а не в редактируемый текстовый слой, поэтому переписать надпись после трассировки не получится. Полупрозрачные градиенты и мягкие тени упрощаются до плоских областей. Шум и текстуры в вектор осмысленно не переводятся, их правильнее оставить растром.

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